v-nuxt-ui 0.1.18 → 0.1.20

package/dist/module.json

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

package/dist/runtime/components/button/Theme.vue

@@ -11,6 +11,7 @@ const props = defineProps({
 });
 const slots = defineSlots();
 const colorMode = useColorMode();
+const emojiFlag = computed(() => props.locale ? getEmojiFlag(props.locale) : "");
 const chipColor = computed(() => {
   if (!props.chip) return void 0;
   if (props.chip === "black") return "black";
@@ -37,7 +38,7 @@ const chipColor = computed(() => {
         />
       </slot>
       <slot v-else-if="locale" name="leading">
-        {{ getEmojiFlag(locale) }}
+        {{ emojiFlag }}
       </slot>
       <slot v-else name="leading" />
     </template>

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/button/Collapse.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { useApp, useTheme } from "#v/composables";
+const app = useApp();
+const theme = useTheme();
+</script>
+
+<template>
+  <UButton
+    :icon="theme.sidebarSide.value === 'left' ? 'i-lucide-panel-left' : 'i-lucide-panel-right'"
+    color="neutral"
+    variant="ghost"
+    aria-label="Toggle sidebar"
+    @click="app.sidebarCollapsed.value = !app.sidebarCollapsed.value"
+  />
+</template>

package/dist/runtime/components/layout/{ModuleMenu.vue → button/ModuleMenu.vue}

@@ -42,7 +42,7 @@ const items = computed(() => {
 }"
       color="neutral"
       variant="ghost"
-      :square="collapsed"
+      square
       class="data-[state=open]:bg-elevated"
     />
   </UDropdownMenu>

package/dist/runtime/components/layout/button/ThemePicker.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/layout/{ThemePicker.vue → button/ThemePicker.vue}

@@ -2,6 +2,7 @@
 import { useTheme } from "#v/composables";
 import ButtonTheme from "#v/components/button/Theme.vue";
 const theme = useTheme();
+const neutralColorOptions = theme.neutralColors.map((c) => ({ color: c, chip: c === "neutral" ? "old-neutral" : c }));
 </script>
 
 <template>
@@ -53,12 +54,12 @@ const theme = useTheme();
 
         <div class="grid grid-cols-3 gap-2 -mx-2">
           <ButtonTheme
-            v-for="color in theme.neutralColors"
-            :key="color"
-            :label="color"
-            :chip="color === 'neutral' ? 'old-neutral' : color"
-            :selected="theme.neutral.value === color"
-            @click="theme.neutral.value = color"
+            v-for="item in neutralColorOptions"
+            :key="item.color"
+            :label="item.color"
+            :chip="item.chip"
+            :selected="theme.neutral.value === item.color"
+            @click="theme.neutral.value = item.color"
           />
         </div>
       </fieldset>
@@ -95,6 +96,22 @@ const theme = useTheme();
           />
         </div>
       </fieldset>
+
+      <fieldset>
+        <legend class="text-[11px] leading-none font-semibold mb-2">
+          侧边栏样式
+        </legend>
+
+        <div class="grid grid-cols-3 gap-2 -mx-2">
+          <ButtonTheme
+            v-for="m in theme.sidebarVariantOptions.value"
+            :key="m.label"
+            v-bind="m"
+            :selected="theme.sidebarVariant.value === m.value"
+            @click="theme.sidebarVariant.value = m.value"
+          />
+        </div>
+      </fieldset>
     </template>
   </UPopover>
 </template>

package/dist/runtime/components/layout/button/ThemePicker.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/layout/{UserMenu.vue → button/UserMenu.vue}

@@ -44,19 +44,18 @@ const items = computed(() => [
   <UDropdownMenu
     :items="items"
     :content="{ align: 'center', collisionPadding: 12 }"
-    :ui="{ content: collapsed || headerMode ? 'w-48' : 'w-(--reka-dropdown-menu-trigger-width)' }"
+    :ui="{ content: 'w-(--reka-dropdown-menu-trigger-width) min-w-48' }"
   >
     <UButton
-      :label="collapsed || headerMode && app.isMobile.value ? void 0 : auth.loginUser.value?.nickname ?? 'Hello'"
+      :label="auth.loginUser.value?.nickname ?? 'Hello'"
       leading-icon="i-lucide-user-circle"
       :trailing-icon="collapsed || headerMode ? void 0 : 'i-lucide-chevrons-up-down'"
       color="neutral"
       variant="ghost"
-      block
-      :square="collapsed || headerMode"
-      class="data-[state=open]:bg-elevated"
+      square
+      class="data-[state=open]:bg-elevated w-full overflow-hidden"
       :ui="{
-  trailingIcon: 'text-dimmed'
+  trailingIcon: 'text-dimmed ms-auto'
 }"
     />
 

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

@@ -1,6 +1,6 @@
-declare var __VLS_49: {};
+declare var __VLS_42: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_49) => any;
+    default?: (props: typeof __VLS_42) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,18 +1,16 @@
 <script setup>
-import { useApp, useSidebarMenus, useAuth } from "#v/composables";
+import { useSidebarMenus, useAuth, useTheme, useApp } from "#v/composables";
 import { useRoute } from "nuxt/app";
 import { stringsJoin } from "#v/utils";
-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);
+import { watch } from "vue";
 const app = useApp();
+const theme = useTheme();
 const loginUser = useAuth().loginUser;
 const route = useRoute();
 const { sidebarMenus, expandSidebarMenu, breadcrumbs, getBreadcrumbs } = useSidebarMenus();
@@ -31,53 +29,62 @@ watch(
 </script>
 
 <template>
-  <UDashboardGroup unit="rem">
-    <UDashboardSidebar
-      id="sidebar"
-      v-model:open="open"
-      collapsible
-      resizable
-      :min-size="app.appConfig.value.siderMinWidth"
-      :max-size="app.appConfig.value.siderMaxWidth"
+  <div
+    class="flex flex-1 h-full"
+    :class="[
+  theme.sidebarVariant.value === 'inset' && 'bg-neutral-50 dark:bg-neutral-950',
+  theme.sidebarSide.value === 'right' && 'flex-row-reverse'
+]"
+  >
+    <!-- sidebar -->
+    <USidebar
+      v-model:open="app.sidebarCollapsed.value"
+      :variant="theme.sidebarVariant.value"
+      :collapsible="theme.sidebarCollapsible.value"
+      :side="theme.sidebarSide.value"
       :ui="{
-  root: 'bg-muted min-w-[65px]',
-  // 64 + 1: 1 is border-r
-  footer: 'lg:border-t lg:border-default sm:px-4',
   body: 'px-0 sm:px-0',
-  header: 'border-b border-default sm:px-4'
+  footer: 'h-(--ui-footer-height)'
 }"
     >
-      <template #header="{ collapsed }">
-        <LayoutModuleMenu :collapsed="collapsed" class="w-full" />
-        <LayoutThemePicker v-if="!collapsed" class="ml-auto" />
+      <template #header="{ state }">
+        <LayoutModuleMenu :collapsed="state === 'collapsed'" class="flex-1" />
+        <LayoutThemePicker v-if="state !== 'collapsed'" class="ml-auto" />
       </template>
-      <template #default="{ collapsed }">
+
+      <template #default="{ state }">
         <ScrollArea>
           <div class="px-4 flex flex-col gap-2">
             <UNavigationMenu
               :items="sidebarMenus"
-              :collapsed="collapsed"
+              :collapsed="state === 'collapsed'"
               trailing-icon="i-lucide-chevron-down"
               orientation="vertical"
               tooltip
               popover
+              :ui="{ link: 'px-1.5 overflow-hidden' }"
             />
           </div>
         </ScrollArea>
       </template>
 
-      <template #footer="{ collapsed }">
-        <LayoutUserMenu :collapsed="collapsed" />
+      <template #footer="{ state }">
+        <LayoutUserMenu :collapsed="state === 'collapsed'" />
       </template>
-    </UDashboardSidebar>
+    </USidebar>
 
-    <Watermark
-      :text="stringsJoin([
+    <!-- main content -->
+    <div
+      class="flex-1 flex flex-col w-full overflow-hidden lg:peer-data-[variant=floating]:my-4 peer-data-[variant=inset]:m-4 lg:peer-data-[variant=inset]:not-peer-data-[collapsible=offcanvas]:ms-0 peer-data-[variant=inset]:rounded-xl peer-data-[variant=inset]:shadow-sm peer-data-[variant=inset]:ring peer-data-[variant=inset]:ring-default bg-default"
+    >
+      <Watermark
+        :text="stringsJoin([
   loginUser?.nickname ?? loginUser?.username,
   loginUser?.department?.company?.nickname ?? loginUser?.department?.name
 ], '@')"
-    >
-      <slot />
-    </Watermark>
-  </UDashboardGroup>
+      >
+        <slot />
+      </Watermark>
+    </div>
+  </div>
 </template>

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

@@ -1,6 +1,6 @@
-declare var __VLS_49: {};
+declare var __VLS_42: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_49) => any;
+    default?: (props: typeof __VLS_42) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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;