v-nuxt-ui 0.1.18 → 0.1.20

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;

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;