v-nuxt-ui 0.1.18 → 0.1.19

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

@@ -0,0 +1,96 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables";
+import { useMenuApi } from "#v/composables";
+import SysMenusCreateModal from "./CreateModal.vue";
+import { getOprColumns } from "#v/constants";
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import TablePage from "#v/components/table/Page.vue";
+import { h } from "vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysMenusCreateModal);
+const columns = [
+  {
+    accessorKey: "type",
+    header: "\u83DC\u5355\u7C7B\u578B",
+    cell: ({ row }) => {
+      switch (row.original.type) {
+        case "catalog":
+          return h(UBadge, {
+            icon: "i-lucide-folder",
+            variant: "subtle",
+            color: "neutral"
+          }, {
+            default: () => "\u76EE\u5F55"
+          });
+        case "menu":
+          return h(UBadge, {
+            icon: "i-lucide-menu",
+            variant: "subtle",
+            color: "primary"
+          }, {
+            default: () => "\u83DC\u5355"
+          });
+        case "button":
+          return h(UBadge, {
+            icon: "i-lucide-mouse-pointer-click",
+            variant: "subtle",
+            color: "warning"
+          }, {
+            default: () => "\u6309\u94AE"
+          });
+        default:
+          return row.original.type;
+      }
+    }
+  },
+  {
+    accessorKey: "isAdmin",
+    header: "\u662F\u5426\u662F\u7CFB\u7EDF\u83DC\u5355",
+    sortOption: true,
+    filterOption: {
+      type: "select",
+      items: [
+        { label: "\u662F", value: true, color: "primary" },
+        { label: "\u5426", value: false, color: "neutral" }
+      ],
+      initHide: false
+    }
+  },
+  { accessorKey: "name", header: "\u83DC\u5355\u540D\u79F0", filterOption: { type: "input" }, sortOption: true },
+  { accessorKey: "staticRouteKeys", header: "\u9759\u6001\u8DEF\u7531\u952E\u503C", filterOption: { type: "input" }, sortOption: true },
+  {
+    accessorKey: "disabled",
+    header: "\u662F\u5426\u7981\u7528",
+    filterOption: {
+      type: "select",
+      items: [
+        { label: "\u662F", value: true, color: "error" },
+        { label: "\u5426", value: false, color: "neutral" }
+      ]
+    }
+  },
+  { accessorKey: "permission", header: "\u6743\u9650\u6807\u8BC6", filterOption: { type: "input" }, sortOption: true },
+  { accessorKey: "order", header: "\u6392\u5E8F", filterOption: { type: "input" }, sortOption: true },
+  ...getOprColumns(null)
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-menu"
+    cn-name="菜单信息"
+    :use-api-group="useMenuApi"
+    :biz-columns="columns"
+    fetch-all
+    :extra-order-query-options="[
+  { field: 'order', label: '\u6392\u5E8F', defaultOpr: 'asc' }
+]"
+    treeify-col-name="parentId"
+    :extra-row-actions="[{
+  icon: 'i-lucide-clipboard-plus',
+  label: '\u4EE5\u6B64\u4F5C\u4E3A\u7236\u83DC\u5355\u590D\u5236',
+  fnWithModal: async (raw) => await createModal.open({ model: useMenuApi().copyAsParent?.(raw) ?? { id: 0 } }).result
+}]"
+    @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
+  />
+</template>

package/dist/runtime/components/sys/menu/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/role/CreateModal.d.vue.ts

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

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

@@ -0,0 +1,86 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { useFormSubmission, useFormValues, useMenuApi, useRoleApi } from "#v/composables";
+import { computed, onMounted, ref, toRef } from "vue";
+import { treeifyOptions } from "#v/utils";
+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),
+  useRoleApi,
+  ["menus"]
+);
+const menus = ref([]);
+const onFetchMenus = async () => {
+  const { data } = await useMenuApi().list({
+    pagination: { pageNum: 0, pageSize: 0 },
+    orderQuery: [
+      { field: "order", order: "asc" }
+    ]
+  });
+  if (data.value.data) {
+    menus.value = data.value.data.list;
+  }
+};
+const sourceTreeItems = computed(() => treeifyOptions(
+  menus.value,
+  () => {
+  },
+  "name",
+  "id",
+  "parentId"
+));
+const targetTreeItems = computed({
+  get() {
+    const sortedMenus = (newValues.value.menus || []).sort((a, b) => a.order?.localeCompare(b.order || "") || 0);
+    return treeifyOptions(
+      sortedMenus,
+      () => {
+      },
+      "name",
+      "id",
+      "parentId"
+    );
+  },
+  set(newVal) {
+    const newMenuIds = newVal.map((item) => Number(item.value));
+    newValues.value.menus = menus.value.filter((menu) => newMenuIds.includes(menu.id));
+  }
+});
+onMounted(async () => {
+  await onFetchMenus();
+});
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="角色信息"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u89D2\u8272\u540D\u79F0', colSpan: '12', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  { name: 'isAdmin', type: 'button-switch', label: '\u662F\u5426\u662F\u7CFB\u7EDF\u89D2\u8272', colSpan: '12', zodType: z.boolean() },
+  {
+    name: 'menus',
+    label: '\u83DC\u5355\u6743\u9650',
+    colSpan: '24',
+    zodType: z.array(z.object({ id: z.number() })),
+    type: 'tree-select-transfer',
+    sourceTreeItems,
+    targetTreeItems,
+    onUpdateTargetTreeItems: (newVal) => targetTreeItems = newVal
+  },
+  { name: 'disabled', type: 'button-switch', label: '\u662F\u5426\u7981\u7528', colSpan: '12', zodType: z.boolean() },
+  { name: 'remark', type: 'input', label: '\u5907\u6CE8', colSpan: '24', zodType: z.string().optional().nullable() }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { id: 0, ...newVal }"
+    @submit="onSubmit"
+  />
+</template>

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

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

package/dist/runtime/components/sys/role/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/role/Table.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables";
+import { useRoleApi } from "#v/composables";
+import SysRolesCreateModal from "./CreateModal.vue";
+import { getOprColumns } from "#v/constants";
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import { h } from "vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysRolesCreateModal);
+const columns = [
+  {
+    accessorKey: "name",
+    header: "\u89D2\u8272\u540D\u79F0",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "isAdmin",
+    header: "\u662F\u5426\u662F\u7CFB\u7EDF\u89D2\u8272",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    },
+    cell: ({ row }) => h(
+      UBadge,
+      {
+        label: row.original.isAdmin ? "\u662F" : "\u5426",
+        variant: "soft",
+        color: row.original.isAdmin ? "primary" : "neutral"
+      }
+    )
+  },
+  {
+    accessorKey: "disabled",
+    header: "\u662F\u5426\u7981\u7528",
+    cell: ({ row }) => h(
+      UBadge,
+      {
+        variant: "soft",
+        color: row.original.disabled ? "error" : "neutral"
+      },
+      () => row.original.disabled ? "\u662F" : "\u5426"
+    )
+  },
+  {
+    accessorKey: "remark",
+    header: "\u5907\u6CE8",
+    filterOption: {
+      type: "input"
+    }
+  },
+  ...getOprColumns()
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-role"
+    cn-name="角色信息"
+    :use-api-group="useRoleApi"
+    :biz-columns="columns"
+    @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
+  />
+</template>

package/dist/runtime/components/sys/role/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/user/CreateModal.d.vue.ts

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

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

@@ -0,0 +1,179 @@
+<script setup>
+import { useFormValues, useFormSubmission, useUserApi, useRoleApi, useMenuApi, useDepartmentApi } from "#v/composables";
+import { treeifyOptions } from "#v/utils";
+import { toRef, ref, computed, onMounted } from "vue";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { loginTypeOptions, genderOptions, Gender } from "#v/constants";
+import * as z from "zod";
+const props = defineProps({
+  model: { type: null, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0, needFillWh: false, isAdmin: false });
+const { onSubmit } = useFormSubmission(
+  toRef(oldValues),
+  toRef(newValues),
+  (close) => emit("close", close),
+  (model) => emit("save", model),
+  useUserApi,
+  ["roles", "menus"]
+);
+const roles = ref([]);
+const onFetchRoles = async () => {
+  const { data } = await useRoleApi().list({
+    pagination: { pageNum: 0, pageSize: 0 }
+  });
+  if (data.value.data) {
+    roles.value = data.value.data.list;
+  }
+};
+const roleSourceTreeItems = computed(() => treeifyOptions(
+  roles.value,
+  () => {
+  },
+  "name",
+  "id",
+  "parentId"
+));
+const roleTargetTreeItems = computed({
+  get() {
+    return treeifyOptions(
+      newValues.value.roles || [],
+      () => {
+      },
+      "name",
+      "id",
+      "parentId"
+    );
+  },
+  set(newVal) {
+    const newRoleIds = newVal.map((item) => Number(item.value));
+    newValues.value.roles = roles.value.filter((role) => newRoleIds.includes(role.id));
+  }
+});
+const menus = ref([]);
+const onFetchMenus = async () => {
+  const { data } = await useMenuApi().list({
+    pagination: { pageNum: 0, pageSize: 0 }
+  });
+  if (data.value.data) {
+    menus.value = data.value.data.list;
+  }
+};
+const menusFromRoles = computed(() => {
+  const dupMenusFromRoles = newValues.value.roles?.flatMap((role) => role.menus ?? []) ?? [];
+  return Array.from(new Set(dupMenusFromRoles.map((menu) => menu.id))).map(
+    (id) => dupMenusFromRoles.find((menu) => menu.id === id)
+  );
+});
+const menuIdsFromRoles = computed(() => menusFromRoles.value.map((menu) => menu.id));
+const menuSourceTreeItems = computed(() => treeifyOptions(
+  menus.value,
+  () => {
+  },
+  "name",
+  "id",
+  "parentId",
+  0,
+  menuIdsFromRoles.value
+  // menu from roles cannot be selected
+));
+const menuTargetTreeItems = computed({
+  get() {
+    return treeifyOptions(
+      menusFromRoles.value.concat(newValues.value.menus || []),
+      () => {
+      },
+      "name",
+      "id",
+      "parentId",
+      0,
+      menuIdsFromRoles.value
+      // menu from roles cannot be removed
+    );
+  },
+  set(newVal) {
+    const newMenuIds = newVal.map((item) => Number(item.value));
+    newValues.value.menus = menus.value.filter((menu) => !menuIdsFromRoles.value.includes(menu.id)).filter((menu) => newMenuIds.includes(menu.id));
+  }
+});
+onMounted(async () => {
+  await onFetchRoles();
+  await onFetchMenus();
+});
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="用户信息"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'nickname', type: 'input', label: '\u540D\u79F0', colSpan: '12', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  {
+    name: 'gender',
+    icon: 'i-lucide-venus-and-mars',
+    type: 'select',
+    label: '\u6027\u522B',
+    items: genderOptions,
+    colSpan: '12',
+    zodType: z.enum(Gender)
+  },
+  { name: 'username', type: 'input', label: '\u7528\u6237\u540D', colSpan: '12', zodType: z.string().nullable().optional() },
+  { name: 'loginType', type: 'multiple-select-string', items: loginTypeOptions, label: '\u767B\u5F55\u65B9\u5F0F', colSpan: '12', zodType: z.string() },
+  {
+    name: 'departmentId',
+    label: '\u90E8\u95E8',
+    colSpan: '12',
+    type: 'async-tree-select',
+    labelField: 'name',
+    searchFields: ['name'],
+    listApi: useDepartmentApi().list,
+    fetchAll: true,
+    initModelValues: newValues.department,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.department = newInitModelValues,
+    zodType: z.number().min(0)
+  },
+  {
+    name: 'supervisorId',
+    label: '\u76F4\u5C5E\u9886\u5BFC',
+    colSpan: '12',
+    type: 'async-select',
+    labelField: 'nickname',
+    searchFields: ['nickname'],
+    listApi: useUserApi().list,
+    initModelValues: newValues.supervisor,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.supervisor = newInitModelValues,
+    enableEmptyOption: true,
+    zodType: z.number().min(0).optional()
+  },
+  { name: 'email', type: 'input', label: '\u90AE\u7BB1', colSpan: '24', zodType: z.string().optional().nullable() },
+  { name: 'entryDate', type: 'date-picker', label: '\u5165\u804C\u65F6\u95F4', colSpan: '12', zodType: z.string().optional().nullable() },
+  { name: 'resignDate', type: 'date-picker', label: '\u79BB\u804C\u65F6\u95F4', colSpan: '12', zodType: z.string().optional().nullable() },
+  { name: 'needFillWh', type: 'button-switch', label: '\u662F\u5426\u9700\u8981\u586B\u5199\u5DE5\u65F6', colSpan: '12', zodType: z.boolean() },
+  { name: 'isAdmin', type: 'button-switch', label: '\u662F\u5426\u662F\u7CFB\u7EDF\u7BA1\u7406\u5458', colSpan: '12', zodType: z.boolean() },
+  {
+    name: 'roles',
+    label: '\u89D2\u8272\u6743\u9650',
+    colSpan: '24',
+    zodType: z.array(z.object({ id: z.number() })).optional(),
+    type: 'tree-select-transfer',
+    sourceTreeItems: roleSourceTreeItems,
+    targetTreeItems: roleTargetTreeItems,
+    onUpdateTargetTreeItems: (newVal) => roleTargetTreeItems = newVal
+  },
+  {
+    name: 'menus',
+    label: '\u83DC\u5355\u6743\u9650',
+    colSpan: '24',
+    zodType: z.array(z.object({ id: z.number() })).optional(),
+    type: 'tree-select-transfer',
+    sourceTreeItems: menuSourceTreeItems,
+    targetTreeItems: menuTargetTreeItems,
+    onUpdateTargetTreeItems: (newVal) => menuTargetTreeItems = newVal
+  }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { id: 0, ...newVal }"
+    @submit="onSubmit"
+  />
+</template>

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

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

package/dist/runtime/components/sys/user/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/user/Table.vue

@@ -0,0 +1,168 @@
+<script setup>
+import dayjs from "dayjs";
+import { useOverlay } from "@nuxt/ui/composables";
+import { isEmptyString } from "#v/utils";
+import { useDepartmentApi, useUserApi } from "#v/composables";
+import { booleanOptions, dateFormat, genderOptions, loginTypeOptions } from "#v/constants";
+import SysUsersCreateModal from "./CreateModal.vue";
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import TablePage from "#v/components/table/Page.vue";
+import { h } from "vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysUsersCreateModal);
+const columns = [
+  {
+    accessorKey: "isResigned",
+    header: "\u662F\u5426\u79BB\u804C",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    },
+    cell: ({ row }) => h(
+      UBadge,
+      {
+        label: isEmptyString(row.original.resignDate) ? "\u5426" : "\u662F",
+        variant: "soft",
+        color: isEmptyString(row.original.resignDate) ? "neutral" : "error"
+      }
+    )
+  },
+  {
+    accessorKey: "nickname",
+    header: "\u59D3\u540D",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "departmentId",
+    header: "\u90E8\u95E8",
+    sortOption: true,
+    cell: ({ row }) => row.original.department?.name,
+    filterOption: {
+      type: "async-select",
+      listApi: useDepartmentApi().list,
+      searchFields: ["name"],
+      labelField: "name",
+      multiple: true,
+      defaultOpr: "in"
+    }
+  },
+  {
+    accessorKey: "supervisorId",
+    header: "\u76F4\u5C5E\u4E0A\u7EA7",
+    sortOption: true,
+    cell: ({ row }) => row.original.supervisor?.nickname
+  },
+  {
+    accessorKey: "roles",
+    header: "\u7CFB\u7EDF\u6743\u9650\u89D2\u8272",
+    cell: ({ row }) => row.original.roles?.map((role) => role.name).join(", ")
+  },
+  {
+    accessorKey: "username",
+    header: "\u7528\u6237\u540D",
+    meta: {
+      class: {
+        td: "min-w-24"
+      }
+    }
+  },
+  {
+    accessorKey: "loginType",
+    header: "\u767B\u5F55\u65B9\u5F0F",
+    meta: {
+      class: {
+        td: "min-w-24"
+      }
+    },
+    cell: ({ row }) => {
+      const loginTypes = row.original.loginType?.split(",");
+      return h(
+        "div",
+        { class: "flex flex-wrap items-center gap-1" },
+        [loginTypes?.map((loginType) => h(UBadge, { variant: "outline" }, () => loginTypeOptions.find((opt) => opt.value === loginType)?.label))]
+      );
+    }
+  },
+  {
+    accessorKey: "email",
+    header: "\u90AE\u7BB1"
+  },
+  {
+    accessorKey: "needFillWh",
+    header: "\u662F\u5426\u9700\u8981\u586B\u5199\u5DE5\u65F6",
+    filterOption: {
+      type: "select",
+      items: booleanOptions
+    }
+  },
+  {
+    accessorKey: "gender",
+    header: "\u6027\u522B",
+    filterOption: {
+      type: "select",
+      items: genderOptions
+    },
+    meta: {
+      class: {
+        td: "min-w-16"
+      }
+    }
+  },
+  {
+    accessorKey: "entryDate",
+    header: "\u5165\u804C\u65F6\u95F4",
+    sortOption: true,
+    cell: ({ row }) => dayjs(row.getValue("entryDate")).format(dateFormat)
+  },
+  {
+    accessorKey: "resignDate",
+    header: "\u79BB\u804C\u65F6\u95F4",
+    sortOption: true,
+    cell: ({ row }) => dayjs(row.getValue("resignDate")).format(dateFormat)
+  },
+  {
+    accessorKey: "telNo",
+    header: "\u7535\u8BDD",
+    meta: {
+      class: {
+        td: "min-w-24"
+      }
+    }
+  },
+  {
+    accessorKey: "isAdmin",
+    header: "\u662F\u5426\u662F\u7CFB\u7EDF\u7BA1\u7406\u5458",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    },
+    cell: ({ row }) => h(
+      UBadge,
+      {
+        label: row.original.isAdmin ? "\u662F" : "\u5426",
+        variant: "soft",
+        color: row.original.isAdmin ? "primary" : "neutral"
+      }
+    )
+  }
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-users"
+    cn-name="用户信息"
+    :use-api-group="useUserApi"
+    :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/user/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;