v-nuxt-ui 0.1.26 → 0.1.28

package/dist/module.json

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

package/dist/runtime/components/date-picker/index.d.vue.ts

@@ -1,7 +1,6 @@
 import type { ButtonProps } from '@nuxt/ui';
 import type { DateRange, DateValue } from 'reka-ui';
-import type { TimeUnit } from '#v/constants';
-import type { DateShortcut } from '#v/types';
+import type { DateShortcut, TimeUnit } from '#v/types';
 type __VLS_Props = {
     size?: ButtonProps['size'];
     loading?: ButtonProps['loading'];

package/dist/runtime/components/date-picker/index.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   loading: { type: Boolean, required: false },
   range: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
-  timeUnit: { type: null, required: false },
+  timeUnit: { type: String, required: false },
   leadingIcon: { type: null, required: false },
   shortcuts: { type: Array, required: false },
   peerButtons: { type: Array, required: false }

package/dist/runtime/components/date-picker/index.vue.d.ts

@@ -1,7 +1,6 @@
 import type { ButtonProps } from '@nuxt/ui';
 import type { DateRange, DateValue } from 'reka-ui';
-import type { TimeUnit } from '#v/constants';
-import type { DateShortcut } from '#v/types';
+import type { DateShortcut, TimeUnit } from '#v/types';
 type __VLS_Props = {
     size?: ButtonProps['size'];
     loading?: ButtonProps['loading'];

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

@@ -0,0 +1,222 @@
+<script setup>
+import { useDate, useFetching, useSubmitting } from "#v/composables";
+import { useCalendarApi } from "#v/composables/api/sys/useCalendarApi";
+import { TIME_ZONE, dateFormat, calendarEventTypeOptions } from "#v/constants";
+import { CalendarEventType } from "#v/types";
+import { endOfMonth, now, startOfMonth } from "@internationalized/date";
+import { useToast } from "@nuxt/ui/runtime/composables/useToast.js";
+import { ref, computed, watch } from "vue";
+const apiGroup = useCalendarApi();
+const dateUtil = useDate();
+const toast = useToast();
+const panelDate = ref(now(TIME_ZONE));
+const calendars = ref([]);
+const calendarTypeMap = computed(() => {
+  const map = {};
+  for (const calendar of calendars.value) {
+    map[dateUtil.isoUtcStringToDayjs(calendar.date).format(dateFormat)] = calendar.type;
+  }
+  return map;
+});
+const { fetching, startFetching, endFetching } = useFetching();
+const fetchCalendars = async () => {
+  const start = startOfMonth(panelDate.value).subtract({ days: 7 });
+  const end = endOfMonth(panelDate.value).add({ days: 7 });
+  try {
+    startFetching();
+    const { data } = await apiGroup.list({
+      whereQuery: {
+        items: [
+          {
+            field: "date",
+            opr: "range_gte_lte",
+            value: {
+              start: start.toAbsoluteString(),
+              end: end.toAbsoluteString()
+            }
+          },
+          { field: "type", opr: "ne", value: CalendarEventType.NONE }
+        ]
+      }
+    });
+    if (data.value.data) {
+      mergeCalendars(data.value.data.list);
+    }
+  } finally {
+    endFetching();
+  }
+};
+const mergeCalendars = (newModels) => {
+  const newCalendars = [...calendars.value];
+  for (const newModel of newModels) {
+    const index = newCalendars.findIndex((m) => m.date === newModel.date);
+    if (index !== -1) {
+      newCalendars[index] = newModel;
+    } else {
+      newCalendars.push(newModel);
+    }
+  }
+  calendars.value = newCalendars.filter((calendar) => calendar.type !== CalendarEventType.NONE);
+};
+const selectedDates = ref();
+const calendarEventType = ref(CalendarEventType.HOLIDAY);
+const { submitting, startSubmitting, endSubmitting } = useSubmitting();
+const onSubmit = async () => {
+  if (selectedDates.value?.length === 0 || calendarEventType.value === void 0) {
+    toast.add({
+      color: "warning",
+      title: "\u63D0\u4EA4\u5931\u8D25",
+      description: "\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A\u65E5\u671F\u5E76\u9009\u62E9\u8282\u5047\u65E5\u7C7B\u578B"
+    });
+    return;
+  }
+  try {
+    startSubmitting();
+    const { data } = await apiGroup.batchSave({
+      dates: selectedDates.value?.map((date) => dateUtil.dateValueToDayjs(date)?.toISOString() ?? "") ?? [],
+      type: calendarEventType.value
+    });
+    if (data.value.data) {
+      mergeCalendars(data.value.data.list);
+      selectedDates.value = [];
+    }
+  } finally {
+    endSubmitting();
+  }
+};
+watch(
+  panelDate,
+  () => {
+    fetchCalendars();
+  },
+  { immediate: true }
+);
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-3">
+    <div class="flex flex-col items-center">
+      <UButton
+        label="节假日设置"
+        size="xl"
+        icon="i-lucide-calendar-days"
+        variant="link"
+        color="primary"
+      />
+      <div class="text-dimmed text-sm">
+        选择一个或多个日期并选择节假日类型，然后点提交
+      </div>
+    </div>
+    <div class="flex flex-col md:flex-row items-center md:items-start gap-3 md:gap-4">
+      <UCard class="h-fit w-fit">
+        <UCalendar
+          v-model="selectedDates"
+          multiple
+          disable-days-outside-current-view
+          :fixed-weeks="false"
+          :disabled="fetching || submitting"
+          :next-year="{
+  onClick: () => {
+    panelDate = panelDate.add({ years: 1 });
+  }
+}"
+          :prev-year="{
+  onClick: () => {
+    panelDate = panelDate.subtract({ years: 1 });
+  }
+}"
+          :next-month="{
+  onClick: () => {
+    panelDate = panelDate.add({ months: 1 });
+  }
+}"
+          :prev-month="{
+  onClick: () => {
+    panelDate = panelDate.subtract({ months: 1 });
+  }
+}"
+        >
+          <template #day="{ day }">
+            <UChip
+              :show="calendarTypeMap[dateUtil.dateValueToDayjs(day)?.format(dateFormat) ?? ''] !== void 0"
+              size="2xs"
+              :color="calendarEventTypeOptions.find((item2) => item2.value === calendarTypeMap[dateUtil.dateValueToDayjs(day)?.format(dateFormat) ?? ''])?.color ?? 'primary'"
+            >
+              {{ day.day }}
+            </UChip>
+          </template>
+        </UCalendar>
+      </UCard>
+      <UCard class="min-w-64 h-fit">
+        <div class="flex flex-col gap-3 sm:gap-4">
+          <UFormField label="已选日期" required>
+            <div v-if="(selectedDates?.length ?? 0) > 0" class="grid grid-cols-3 gap-1">
+              <UBadge
+                v-for="(date, i) in selectedDates"
+                :key="i"
+                variant="subtle"
+                :label="dateUtil.dateValueToDayjs(date)?.format(dateFormat) ?? ''"
+              >
+                <template #trailing>
+                  <UIcon
+                    name="i-lucide-x"
+                    class="cursor-pointer"
+                    @click="() => {
+  const newValue = [...selectedDates ?? []];
+  newValue.splice(i, 1);
+  selectedDates = newValue;
+}"
+                  />
+                </template>
+              </UBadge>
+              <UButton
+                label="清除"
+                variant="ghost"
+                size="xs"
+                icon="i-lucide-timer-reset"
+                @click="selectedDates = []"
+              />
+            </div>
+            <div v-else>
+              /
+            </div>
+          </UFormField>
+          <UFormField label="节假日类型" required>
+            <URadioGroup
+              v-model="calendarEventType"
+              :items="calendarEventTypeOptions"
+            >
+              <template #label="{ item }">
+                <div class="flex items-center gap-2">
+                  <span>{{ item.label }}</span>
+                  <span
+                    v-if="item.value !== CalendarEventType.NONE"
+                    class="inline-block size-2 rounded-full"
+                    :class="`bg-(--color-light) dark:bg-(--color-dark)`"
+                    :style="{
+  '--color-light': `var(--ui-${String(item.color)})`,
+  '--color-dark': `var(--ui-${String(item.color)})`
+}"
+                  />
+                </div>
+              </template>
+            </URadioGroup>
+          </UFormField>
+        </div>
+
+        <template #footer>
+          <div class="flex justify-end">
+            <UButton
+              label="提交"
+              color="primary"
+              icon="i-lucide-upload"
+              :loading="submitting"
+              :disabled="(selectedDates?.length ?? 0) === 0 || calendarEventType === void 0 || submitting"
+              @click="onSubmit"
+            />
+          </div>
+        </template>
+      </UCard>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/sys/calendar/board.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/company/CreateModal.d.vue.ts

@@ -1,4 +1,4 @@
-import type { Company } from 'v-nuxt-ui/types';
+import type { Company } from '#v/types';
 type __VLS_Props = {
     model: Company;
 };

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

@@ -3,7 +3,7 @@ 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 }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 </script>

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

@@ -1,4 +1,4 @@
-import type { Company } from 'v-nuxt-ui/types';
+import type { Company } from '#v/types';
 type __VLS_Props = {
     model: Company;
 };

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

@@ -1,4 +1,4 @@
-import type { Department } from 'v-nuxt-ui/types';
+import type { Department } from '#v/types';
 type __VLS_Props = {
     model: Department;
 };

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

@@ -4,7 +4,7 @@ import FormCreateModalTemplate from "#v/components/form/create-modal-template/in
 import { useCompanyApi, useDepartmentApi, useFormSubmission, useFormValues, useUserApi } from "#v/composables";
 import { toRef, watch } from "vue";
 const props = defineProps({
-  model: { type: null, required: true }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0 });

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

@@ -1,4 +1,4 @@
-import type { Department } from 'v-nuxt-ui/types';
+import type { Department } from '#v/types';
 type __VLS_Props = {
     model: Department;
 };

package/dist/runtime/components/sys/issue-record/CreateModal.d.vue.ts

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

package/dist/runtime/components/sys/issue-record/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 { useIssueRecordApi } from "#v/composables";
+defineProps({
+  model: { type: Object, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+</script>
+
+<template>
+  <FormCreateModalTemplateWithApi
+    title="改进建议"
+    description="您可以针对该网页提出任何改进建议或直接联系chenrn@mail.veken.com"
+    :on-close="(ok) => emit('close', ok)"
+    :on-save="(model) => emit('save', model)"
+    :fields="[
+  { name: 'description', type: 'textarea', label: '\u63CF\u8FF0', colSpan: '24', zodType: z.string() }
+]"
+    :model-value="model"
+    :api-group="useIssueRecordApi"
+  />
+</template>

package/dist/runtime/components/sys/issue-record/CreateModal.vue.d.ts

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

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

@@ -0,0 +1,32 @@
+<script setup>
+import { getOprColumns } from "#v/constants";
+import { useOverlay } from "@nuxt/ui/composables";
+import { useIssueRecordApi } from "#v/composables";
+import SysIssueRecordsCreateModal from "./CreateModal.vue";
+import TablePage from "#v/components/table/Page.vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysIssueRecordsCreateModal);
+const columns = [
+  {
+    accessorKey: "description",
+    header: "\u63CF\u8FF0",
+    filterOption: {
+      type: "input"
+    }
+  },
+  ...getOprColumns()
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-issue-record"
+    cn-name="改进建议"
+    :use-api-group="useIssueRecordApi"
+    :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/issue-record/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

@@ -1,4 +1,4 @@
-import type { JobTitle } from 'v-nuxt-ui/types';
+import type { JobTitle } from '#v/types';
 type __VLS_Props = {
     model: JobTitle;
 };

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

@@ -3,7 +3,7 @@ import * as z from "zod";
 import FormCreateModalTemplateWithApi from "#v/components/form/create-modal-template/WithApi.vue";
 import { useJobTitleApi } from "#v/composables";
 defineProps({
-  model: { type: null, required: true }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 </script>

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

@@ -1,4 +1,4 @@
-import type { JobTitle } from 'v-nuxt-ui/types';
+import type { JobTitle } from '#v/types';
 type __VLS_Props = {
     model: JobTitle;
 };

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

@@ -1,4 +1,4 @@
-import type { Menu } from 'v-nuxt-ui/types';
+import type { Menu } from '#v/types';
 type __VLS_Props = {
     model: Menu;
 };

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

@@ -5,7 +5,7 @@ import { useMenuApi, useFormSubmission, useFormValues } from "#v/composables";
 import { toRef } from "vue";
 import { menuTypeOptions } from "#v/constants";
 const props = defineProps({
-  model: { type: null, required: true }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0, disabled: false, isAdmin: false });

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

@@ -1,4 +1,4 @@
-import type { Menu } from 'v-nuxt-ui/types';
+import type { Menu } from '#v/types';
 type __VLS_Props = {
     model: Menu;
 };

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

@@ -1,4 +1,4 @@
-import type { Role } from 'v-nuxt-ui/types';
+import type { Role } from '#v/types';
 type __VLS_Props = {
     model: Role;
 };

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

@@ -5,7 +5,7 @@ import { useFormSubmission, useFormValues, useMenuApi, useRoleApi } from "#v/com
 import { computed, onMounted, ref, toRef } from "vue";
 import { treeifyOptions } from "#v/utils";
 const props = defineProps({
-  model: { type: null, required: true }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0, disabled: false, isAdmin: false });

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

@@ -1,4 +1,4 @@
-import type { Role } from 'v-nuxt-ui/types';
+import type { Role } from '#v/types';
 type __VLS_Props = {
     model: Role;
 };

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

@@ -1,4 +1,4 @@
-import type { User } from 'v-nuxt-ui/types';
+import type { User } from '#v/types';
 type __VLS_Props = {
     model: User;
 };

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

@@ -6,7 +6,7 @@ import FormCreateModalTemplate from "#v/components/form/create-modal-template/in
 import { loginTypeOptions, genderOptions, Gender } from "#v/constants";
 import * as z from "zod";
 const props = defineProps({
-  model: { type: null, required: true }
+  model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
 const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0, needFillWh: false, isAdmin: false });

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

@@ -1,4 +1,4 @@
-import type { User } from 'v-nuxt-ui/types';
+import type { User } from '#v/types';
 type __VLS_Props = {
     model: User;
 };

package/dist/runtime/composables/api/sys/index.d.ts

@@ -1,3 +1,5 @@
+export * from './useIssueRecordApi.js';
+export * from './useCalendarApi.js';
 export * from './useAuthApi.js';
 export * from './useCompanyApi.js';
 export * from './useDepartmentApi.js';

package/dist/runtime/composables/api/sys/index.js

@@ -1,3 +1,5 @@
+export * from "./useIssueRecordApi.js";
+export * from "./useCalendarApi.js";
 export * from "./useAuthApi.js";
 export * from "./useCompanyApi.js";
 export * from "./useDepartmentApi.js";

package/dist/runtime/composables/api/sys/useCalendarApi.d.ts

@@ -0,0 +1,10 @@
+import type { PageResult, Calendar, CalendarsSavePayload, ApiGroup, RequestResult } from '#v/types';
+import type { UseFetchOptions } from 'nuxt/app';
+import type { Ref } from 'vue';
+type CalendarApi = {
+    batchSave: (payload: CalendarsSavePayload, customOptions?: UseFetchOptions<PageResult<Calendar>>) => Promise<{
+        data: Ref<RequestResult<PageResult<Calendar>>>;
+    }>;
+} & ApiGroup<Calendar>;
+export declare const useCalendarApi: () => CalendarApi;
+export {};

package/dist/runtime/composables/api/sys/useCalendarApi.js

@@ -0,0 +1,8 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi, usePostFetch } from "../useApi.js";
+export const useCalendarApi = createSharedComposable(() => ({
+  ...useApi("/calendars"),
+  batchSave: (payload, customOptions = {}) => {
+    return usePostFetch(`/calendars/batch-save`, payload, customOptions);
+  }
+}));

package/dist/runtime/composables/api/sys/useIssueRecordApi.d.ts

@@ -0,0 +1,2 @@
+import type { IssueRecord } from '#v/types';
+export declare const useIssueRecordApi: () => import("#v/types").ApiGroup<IssueRecord>;

package/dist/runtime/composables/api/sys/useIssueRecordApi.js

@@ -0,0 +1,3 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi } from "../useApi.js";
+export const useIssueRecordApi = createSharedComposable(() => useApi("/sys/issues"));

package/dist/runtime/composables/useDate.d.ts

@@ -1,11 +1,11 @@
 import { type DateValue } from '@internationalized/date';
 import dayjs from 'dayjs';
-import type { TimeUnit } from '#v/constants';
 import type { DateRange } from 'reka-ui';
-import type { DateShortcut } from '#v/types';
+import type { DateShortcut, TimeUnit } from '#v/types';
 export declare const useDate: () => {
     dayjsToDateValue: (date: dayjs.Dayjs | null | undefined) => DateValue | undefined;
     isoUtcStringToDateValue: (isoString: string | null | undefined) => DateValue | undefined;
+    isoUtcStringToDayjs: (isoString: string | null | undefined) => dayjs.Dayjs | undefined;
     dateValueToDayjs: (dateValue: DateValue | null | undefined) => dayjs.Dayjs | undefined;
     formatTimeUnit: (dateValue: DateValue | null | undefined, unit: TimeUnit) => string;
     getRecentDateRange: (days: number) => DateRange;

package/dist/runtime/composables/useDate.js

@@ -11,6 +11,10 @@ const _useDate = () => {
     if (!isoString) return void 0;
     return dayjsToDateValue(dayjs(isoString));
   };
+  const isoUtcStringToDayjs = (isoString) => {
+    if (!isoString) return void 0;
+    return dayjs(isoString);
+  };
   const dateValueToDayjs = (dateValue) => {
     if (!dateValue) return void 0;
     return dayjs(toZoned(dateValue, TIME_ZONE).toAbsoluteString()).tz(TIME_ZONE);
@@ -135,6 +139,7 @@ const _useDate = () => {
   return {
     dayjsToDateValue,
     isoUtcStringToDateValue,
+    isoUtcStringToDayjs,
     dateValueToDayjs,
     formatTimeUnit,
     getRecentDateRange,

package/dist/runtime/constants/calendar.d.ts

@@ -0,0 +1,8 @@
+import { CalendarEventType } from '#v/types';
+import type { ChipProps } from '@nuxt/ui';
+export declare const calendarEventTypeOptions: {
+    label: string;
+    value: CalendarEventType;
+    color: ChipProps['color'];
+}[];
+export declare const calendarEventTypeShortNameMap: Map<CalendarEventType, string>;

package/dist/runtime/constants/calendar.js

@@ -0,0 +1,13 @@
+import { CalendarEventType } from "#v/types";
+export const calendarEventTypeOptions = [
+  { label: "\u56FD\u5BB6\u6CD5\u5B9A\u5047", value: CalendarEventType.HOLIDAY, color: "primary" },
+  { label: "\u516C\u53F8\u8C03\u6574\u5047", value: CalendarEventType.ADJUSTRED, color: "warning" },
+  { label: "\u5468\u672B\u4F11\u606F\u65E5", value: CalendarEventType.WEEKEND, color: "success" },
+  { label: "\u65E0", value: CalendarEventType.NONE, color: "neutral" }
+];
+export const calendarEventTypeShortNameMap = /* @__PURE__ */ new Map([
+  [CalendarEventType.NONE, "\u73ED"],
+  [CalendarEventType.HOLIDAY, "\u5047"],
+  [CalendarEventType.ADJUSTRED, "\u8C03"],
+  [CalendarEventType.WEEKEND, "\u4F11"]
+]);

package/dist/runtime/constants/index.d.ts

@@ -4,3 +4,4 @@ export * from './options.js';
 export * from './time.js';
 export * from './menu.js';
 export * from './user.js';
+export * from './calendar.js';

package/dist/runtime/constants/index.js

@@ -4,3 +4,4 @@ export * from "./options.js";
 export * from "./time.js";
 export * from "./menu.js";
 export * from "./user.js";
+export * from "./calendar.js";

package/dist/runtime/types/cmds/calendar.d.ts

@@ -0,0 +1,4 @@
+export type CalendarsSavePayload = {
+    dates: string[];
+    type: number;
+};

package/dist/runtime/types/cmds/index.d.ts

@@ -1,3 +1,4 @@
 export * from './login.js';
 export * from './sys.js';
 export * from './user.js';
+export * from './calendar.js';

package/dist/runtime/types/cmds/index.js

@@ -1,3 +1,4 @@
 export * from "./login.js";
 export * from "./sys.js";
 export * from "./user.js";
+export * from "./calendar.js";

package/dist/runtime/types/models/sys.d.ts

@@ -82,3 +82,10 @@ export type RowRecord = {
     oldValue?: string;
     newValue?: string;
 } & BaseModel;
+export type Calendar = {
+    date?: string;
+    type?: number;
+} & BaseModel;
+export type IssueRecord = {
+    description?: string;
+} & BaseModel;

package/dist/runtime/types/time.d.ts

@@ -1 +1,7 @@
 export type TimeUnit = 'day' | 'week' | 'month' | 'quarter' | 'year';
+export declare enum CalendarEventType {
+    NONE = 0,
+    HOLIDAY = 1,
+    ADJUSTRED = 2,
+    WEEKEND = 3
+}

package/dist/runtime/types/time.js

@@ -0,0 +1,7 @@
+export var CalendarEventType = /* @__PURE__ */ ((CalendarEventType2) => {
+  CalendarEventType2[CalendarEventType2["NONE"] = 0] = "NONE";
+  CalendarEventType2[CalendarEventType2["HOLIDAY"] = 1] = "HOLIDAY";
+  CalendarEventType2[CalendarEventType2["ADJUSTRED"] = 2] = "ADJUSTRED";
+  CalendarEventType2[CalendarEventType2["WEEKEND"] = 3] = "WEEKEND";
+  return CalendarEventType2;
+})(CalendarEventType || {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",