@veltra/desktop 1.0.0

package/dist/components/button/style2.css

@@ -0,0 +1,471 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-button {
+  color: var(--u-text-color-main);
+  line-height: 1;
+  outline: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  border-radius: var(--u-radius-default);
+  cursor: pointer;
+  padding: 0 0.8em;
+  -webkit-appearance: none;
+  border: none;
+  background-color: var(--u-color-default);
+  transition: background-color 0.25s, box-shadow 0.2s;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: transparent; /* For some Androids */
+  gap: var(--u-gap-small);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-button:active {
+  box-shadow: none;
+}
+.u-button.is-disabled {
+  box-shadow: none !important;
+}
+.u-button.is-loading {
+  box-shadow: none !important;
+}
+.u-button.is-plain {
+  background-color: var(--u-bg-color-top);
+  border-color: var(--u-color-default-dark-1);
+}
+.u-button.is-plain:hover {
+  border-color: var(--u-color-default-dark-1);
+}
+.u-button.is-plain.is-disabled {
+  color: var(--u-text-color-second);
+}
+.u-button--small {
+  height: var(--u-form-component-height-small);
+  line-height: var(--u-form-component-height-small);
+  font-size: var(--u-font-size-main-small);
+}
+.u-button--small.is-circle {
+  width: var(--u-form-component-height-small);
+}
+.u-button--small .u-icon {
+  font-size: calc(var(--u-font-size-main-small) + 4px);
+}
+.u-button--default {
+  height: var(--u-form-component-height-default);
+  line-height: var(--u-form-component-height-default);
+  font-size: var(--u-font-size-main-default);
+}
+.u-button--default.is-circle {
+  width: var(--u-form-component-height-default);
+}
+.u-button--default .u-icon {
+  font-size: calc(var(--u-font-size-main-default) + 4px);
+}
+.u-button--large {
+  height: var(--u-form-component-height-large);
+  line-height: var(--u-form-component-height-large);
+  font-size: var(--u-font-size-main-large);
+}
+.u-button--large.is-circle {
+  width: var(--u-form-component-height-large);
+}
+.u-button--large .u-icon {
+  font-size: calc(var(--u-font-size-main-large) + 4px);
+}
+.u-button.is-disabled {
+  cursor: not-allowed;
+  color: var(--u-text-color-second);
+}
+.u-button.is-loading {
+  cursor: not-allowed;
+  color: var(--u-text-color-second);
+}
+.u-button .is-ripple-primary {
+  background-color: var(--u-color-primary);
+  opacity: 0.2;
+}
+.u-button--color-primary {
+  background-color: var(--u-color-primary);
+  color: var(--u-text-color-white);
+}
+.u-button--color-primary:hover {
+  background-color: var(--u-color-primary-dark-1);
+}
+.u-button--color-primary.is-disabled {
+  background-color: var(--u-color-primary-light-5);
+  border-color: var(--u-color-primary-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-primary.is-loading {
+  background-color: var(--u-color-primary-light-5);
+  border-color: var(--u-color-primary-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-primary.is-text {
+  color: var(--u-color-primary);
+  box-shadow: none;
+}
+.u-button--color-primary.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-primary);
+}
+.u-button--color-primary.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-primary-light-9);
+}
+.u-button--color-primary.is-text.is-disabled {
+  color: var(--u-color-primary-light-5);
+}
+.u-button--color-primary.is-text.is-loading {
+  color: var(--u-color-primary-light-5);
+}
+.u-button--color-primary.is-plain {
+  color: var(--u-color-primary);
+  background-color: var(--u-color-primary-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-primary-light-5);
+}
+.u-button--color-primary.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-primary.is-plain.is-disabled {
+  color: var(--u-color-primary-light-5);
+}
+.u-button .is-ripple-success {
+  background-color: var(--u-color-success);
+  opacity: 0.2;
+}
+.u-button--color-success {
+  background-color: var(--u-color-success);
+  color: var(--u-text-color-white);
+}
+.u-button--color-success:hover {
+  background-color: var(--u-color-success-dark-1);
+}
+.u-button--color-success.is-disabled {
+  background-color: var(--u-color-success-light-5);
+  border-color: var(--u-color-success-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-success.is-loading {
+  background-color: var(--u-color-success-light-5);
+  border-color: var(--u-color-success-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-success.is-text {
+  color: var(--u-color-success);
+  box-shadow: none;
+}
+.u-button--color-success.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-success);
+}
+.u-button--color-success.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-success.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-success-light-9);
+}
+.u-button--color-success.is-text.is-disabled {
+  color: var(--u-color-success-light-5);
+}
+.u-button--color-success.is-text.is-loading {
+  color: var(--u-color-success-light-5);
+}
+.u-button--color-success.is-plain {
+  color: var(--u-color-success);
+  background-color: var(--u-color-success-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-success-light-5);
+}
+.u-button--color-success.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-success.is-plain.is-disabled {
+  color: var(--u-color-success-light-5);
+}
+.u-button .is-ripple-warning {
+  background-color: var(--u-color-warning);
+  opacity: 0.2;
+}
+.u-button--color-warning {
+  background-color: var(--u-color-warning);
+  color: var(--u-text-color-white);
+}
+.u-button--color-warning:hover {
+  background-color: var(--u-color-warning-dark-1);
+}
+.u-button--color-warning.is-disabled {
+  background-color: var(--u-color-warning-light-5);
+  border-color: var(--u-color-warning-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-warning.is-loading {
+  background-color: var(--u-color-warning-light-5);
+  border-color: var(--u-color-warning-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-warning.is-text {
+  color: var(--u-color-warning);
+  box-shadow: none;
+}
+.u-button--color-warning.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-warning);
+}
+.u-button--color-warning.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-warning-light-9);
+}
+.u-button--color-warning.is-text.is-disabled {
+  color: var(--u-color-warning-light-5);
+}
+.u-button--color-warning.is-text.is-loading {
+  color: var(--u-color-warning-light-5);
+}
+.u-button--color-warning.is-plain {
+  color: var(--u-color-warning);
+  background-color: var(--u-color-warning-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-warning-light-5);
+}
+.u-button--color-warning.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-warning.is-plain.is-disabled {
+  color: var(--u-color-warning-light-5);
+}
+.u-button .is-ripple-danger {
+  background-color: var(--u-color-danger);
+  opacity: 0.2;
+}
+.u-button--color-danger {
+  background-color: var(--u-color-danger);
+  color: var(--u-text-color-white);
+}
+.u-button--color-danger:hover {
+  background-color: var(--u-color-danger-dark-1);
+}
+.u-button--color-danger.is-disabled {
+  background-color: var(--u-color-danger-light-5);
+  border-color: var(--u-color-danger-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-danger.is-loading {
+  background-color: var(--u-color-danger-light-5);
+  border-color: var(--u-color-danger-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-danger.is-text {
+  color: var(--u-color-danger);
+  box-shadow: none;
+}
+.u-button--color-danger.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-danger);
+}
+.u-button--color-danger.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-danger-light-9);
+}
+.u-button--color-danger.is-text.is-disabled {
+  color: var(--u-color-danger-light-5);
+}
+.u-button--color-danger.is-text.is-loading {
+  color: var(--u-color-danger-light-5);
+}
+.u-button--color-danger.is-plain {
+  color: var(--u-color-danger);
+  background-color: var(--u-color-danger-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-danger-light-5);
+}
+.u-button--color-danger.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-danger.is-plain.is-disabled {
+  color: var(--u-color-danger-light-5);
+}
+.u-button .is-ripple-info {
+  background-color: var(--u-color-info);
+  opacity: 0.2;
+}
+.u-button--color-info {
+  background-color: var(--u-color-info);
+  color: var(--u-text-color-white);
+}
+.u-button--color-info:hover {
+  background-color: var(--u-color-info-dark-1);
+}
+.u-button--color-info.is-disabled {
+  background-color: var(--u-color-info-light-5);
+  border-color: var(--u-color-info-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-info.is-loading {
+  background-color: var(--u-color-info-light-5);
+  border-color: var(--u-color-info-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-info.is-text {
+  color: var(--u-color-info);
+  box-shadow: none;
+}
+.u-button--color-info.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-info);
+}
+.u-button--color-info.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-info.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-info-light-9);
+}
+.u-button--color-info.is-text.is-disabled {
+  color: var(--u-color-info-light-5);
+}
+.u-button--color-info.is-text.is-loading {
+  color: var(--u-color-info-light-5);
+}
+.u-button--color-info.is-plain {
+  color: var(--u-color-info);
+  background-color: var(--u-color-info-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-info-light-5);
+}
+.u-button--color-info.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-info.is-plain.is-disabled {
+  color: var(--u-color-info-light-5);
+}
+.u-button .is-ripple-disabled {
+  background-color: var(--u-color-disabled);
+  opacity: 0.2;
+}
+.u-button--color-disabled {
+  background-color: var(--u-color-disabled);
+  color: var(--u-text-color-white);
+}
+.u-button--color-disabled:hover {
+  background-color: var(--u-color-disabled-dark-1);
+}
+.u-button--color-disabled.is-disabled {
+  background-color: var(--u-color-disabled-light-5);
+  border-color: var(--u-color-disabled-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-disabled.is-loading {
+  background-color: var(--u-color-disabled-light-5);
+  border-color: var(--u-color-disabled-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-disabled.is-text {
+  color: var(--u-color-disabled);
+  box-shadow: none;
+}
+.u-button--color-disabled.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-disabled);
+}
+.u-button--color-disabled.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-disabled-light-9);
+}
+.u-button--color-disabled.is-text.is-disabled {
+  color: var(--u-color-disabled-light-5);
+}
+.u-button--color-disabled.is-text.is-loading {
+  color: var(--u-color-disabled-light-5);
+}
+.u-button--color-disabled.is-plain {
+  color: var(--u-color-disabled);
+  background-color: var(--u-color-disabled-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-disabled-light-5);
+}
+.u-button--color-disabled.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-disabled.is-plain.is-disabled {
+  color: var(--u-color-disabled-light-5);
+}
+.u-button .is-ripple-default {
+  background-color: var(--u-color-default);
+  opacity: 0.2;
+}
+.u-button--color-default {
+  background-color: var(--u-color-default);
+  color: var(--u-text-color-white);
+}
+.u-button--color-default:hover {
+  background-color: var(--u-color-default-dark-1);
+}
+.u-button--color-default.is-disabled {
+  background-color: var(--u-color-default-light-5);
+  border-color: var(--u-color-default-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-default.is-loading {
+  background-color: var(--u-color-default-light-5);
+  border-color: var(--u-color-default-light-5);
+  color: #fff;
+  box-shadow: none;
+}
+.u-button--color-default.is-text {
+  color: var(--u-color-default);
+  box-shadow: none;
+}
+.u-button--color-default.is-text:hover {
+  box-shadow: 0px 0px 0px 1px var(--u-color-default);
+}
+.u-button--color-default.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-default.is-text:not(.is-disabled, .is-loading):focus {
+  background-color: var(--u-color-default-light-9);
+}
+.u-button--color-default.is-text.is-disabled {
+  color: var(--u-color-default-light-5);
+}
+.u-button--color-default.is-text.is-loading {
+  color: var(--u-color-default-light-5);
+}
+.u-button--color-default.is-plain {
+  color: var(--u-color-default);
+  background-color: var(--u-color-default-light-9);
+  box-shadow: 0px 0px 2px 1px var(--u-color-default-light-5);
+}
+.u-button--color-default.is-plain:active {
+  box-shadow: none;
+}
+.u-button--color-default.is-plain.is-disabled {
+  color: var(--u-color-default-light-5);
+}
+.u-button.is-circle {
+  border-radius: 50%;
+  padding: 0;
+}
+.u-button.is-text {
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.u-button-group {
+  display: inline-flex;
+}
+.u-button-group .u-button {
+  border-radius: 0;
+}
+.u-button-group .u-button:first-child {
+  border-radius: var(--u-radius-default) 0 0 var(--u-radius-default);
+}
+.u-button-group .u-button:last-child {
+  border-radius: 0 var(--u-radius-default) var(--u-radius-default) 0;
+}

package/dist/components/calendar/calendar.js

@@ -0,0 +1,32 @@
+import { getMonthDays } from "./utils.js";
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, toDisplayString, unref, useModel } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/calendar/calendar.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Calendar",
+	__name: "calendar",
+	props: /* @__PURE__ */ mergeModels({ modelValue: {} }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const cls = bem("calendar");
+		const days = computed(() => {
+			return getMonthDays(model.value ?? /* @__PURE__ */ new Date());
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, [createElementVNode("ul", { class: normalizeClass(unref(cls).e("days")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
+				return openBlock(), createElementBlock("li", {
+					class: normalizeClass([unref(cls).e("day"), unref(cls).em("day", day.type)]),
+					key: day.date.timestamp
+				}, toDisplayString(day.date.day), 3);
+			}), 128))], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":[],"sources":["../../../src/components/calendar/calendar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <ul :class=\"cls.e('days')\">\n      <li\n        :class=\"[cls.e('day'), cls.em('day', day.type)]\"\n        v-for=\"day of days\"\n        :key=\"day.date.timestamp\"\n      >\n        {{ day.date.day }}\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CalendarProps } from '../../types'\nimport { getMonthDays } from './utils'\n\ndefineOptions({\n  name: 'Calendar'\n})\n\ndefineProps<CalendarProps>()\n\nconst model = defineModel<string>()\n\nconst cls = bem('calendar')\n\nconst days = computed(() => {\n  return getMonthDays(model.value ?? new Date())\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EA2BA,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,OAAO,eAAe;AAC1B,UAAO,aAAa,MAAM,yBAAS,IAAI,MAAM,CAAA;IAC9C;;uBAhCC,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CAChB,mBAQK,MAAA,EARA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAMK,UAAA,MAAA,WAJW,KAAA,QAAP,QAAG;wBAFZ,mBAMK,MAAA;KALF,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,MAAA,EAAS,MAAA,IAAG,CAAC,GAAE,OAAQ,IAAI,KAAI,CAAA,CAAA;KAE5C,KAAK,IAAI,KAAK;uBAEZ,IAAI,KAAK,IAAG,EAAA,EAAA"}

package/dist/components/calendar/calendar.vue.d.ts

@@ -0,0 +1,18 @@
+import { CalendarProps } from "../../types/calendar.js";
+import * as _$vue from "vue";
+
+//#region src/components/calendar/calendar.vue.d.ts
+type __VLS_Props = CalendarProps;
+type __VLS_ModelProps = {
+  modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=calendar.vue.d.ts.map

package/dist/components/calendar/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./calendar.vue.js";

package/dist/components/calendar/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/calendar/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/calendar/style2.css

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-calendar {
+  width: 100%;
+}
+.u-calendar__header {
+  height: 32px;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-calendar__days {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-template-rows: repeat(6, 1fr);
+  height: 500px;
+}
+.u-calendar__day {
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-calendar__day--pre, .u-calendar__day--next {
+  color: var(--u-text-color-disabled);
+}

package/dist/components/calendar/utils.js

@@ -0,0 +1,109 @@
+import { date } from "@cat-kit/core";
+//#region src/components/calendar/utils.ts
+const weekDays = [
+	"日",
+	"一",
+	"二",
+	"三",
+	"四",
+	"五",
+	"六"
+];
+/**
+* 获取一个月的天数
+* @param d 日期
+* @param disabledDate 禁用日期
+* @returns
+*/
+function getMonthDays(d, disabledDate) {
+	const todayStr = date().format();
+	if (d instanceof Date || typeof d === "string" || typeof d === "number") d = date(d);
+	d.setDay(1);
+	const currentMonthDays = Array.from({ length: d.getDays() }).map((_, i) => {
+		const day = {
+			date: d.calc(i, "days"),
+			type: "current"
+		};
+		day.isToday = day.date.format() === todayStr;
+		day.disabled = disabledDate?.(day.date);
+		return day;
+	});
+	const preMonthDays = [];
+	const nextMonthDays = [];
+	const firstDayWeek = d.weekDay;
+	if (firstDayWeek !== 0) {
+		d.setDay(0);
+		let i = 0;
+		while (i < firstDayWeek) {
+			const day = {
+				date: d.calc(-i, "days"),
+				type: "pre"
+			};
+			day.disabled = disabledDate?.(day.date);
+			preMonthDays.unshift(day);
+			i++;
+		}
+	}
+	const nextMonthDaysAmount = 42 - currentMonthDays.length - preMonthDays.length;
+	let j = 0;
+	d.setMonth(d.month + 2).setDay(1);
+	while (j < nextMonthDaysAmount) {
+		const day = {
+			date: d.calc(j++, "days"),
+			type: "next"
+		};
+		day.disabled = disabledDate?.(day.date);
+		nextMonthDays.push(day);
+	}
+	return [
+		...preMonthDays,
+		...currentMonthDays,
+		...nextMonthDays
+	];
+}
+/**
+* 获取一年的月份
+* @param d 日期
+* @param disabledDate 禁用的日期
+* @returns
+*/
+function getYearMonths(d, disabledDate) {
+	if (d instanceof Date || typeof d === "string" || typeof d === "number") d = date(d);
+	const year = d.year;
+	return Array.from({ length: 12 }).map((_, i) => {
+		const month = i + 1;
+		const ym = `${year}-${month}`;
+		const monthDate = date(ym).toEndOfMonth().setHours(23);
+		monthDate.setMinutes(59);
+		monthDate.setSeconds(59);
+		return {
+			key: ym,
+			month,
+			date: monthDate,
+			disabled: disabledDate?.(monthDate)
+		};
+	});
+}
+/**
+* 获取当前年份所处的10年
+* @param d 日期
+* @param disabledDate 禁用的日期
+* @returns
+*/
+function getTenYears(d, disabledDate) {
+	if (d instanceof Date || typeof d === "string" || typeof d === "number") d = date(d);
+	const startYear = d.year - d.year % 10 + 1;
+	return Array.from({ length: 10 }).map((_, i) => {
+		const year = startYear + i;
+		const yearDate = date(`${year}-12-31 23:59:59`);
+		return {
+			year,
+			date: yearDate,
+			disabled: disabledDate?.(yearDate)
+		};
+	});
+}
+//#endregion
+export { getMonthDays, getTenYears, getYearMonths, weekDays };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/calendar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/calendar/utils.ts"],"sourcesContent":["import { type Dater, date } from '@cat-kit/core'\n\nimport type { CalendarDay, CalendarMonth, CalendarYear } from '../../types'\n\nexport const weekDays: string[] = ['日', '一', '二', '三', '四', '五', '六']\n\n/**\n * 获取一个月的天数\n * @param d 日期\n * @param disabledDate 禁用日期\n * @returns\n */\nexport function getMonthDays(\n  d: Date | string | number | Dater,\n  disabledDate?: (d: Dater) => boolean\n): CalendarDay[] {\n  const todayStr = date().format()\n  if (d instanceof Date || typeof d === 'string' || typeof d === 'number') {\n    d = date(d)\n  }\n\n  // 本月天数\n  d.setDay(1)\n  const currentMonthDays: CalendarDay[] = Array.from({ length: d.getDays() }).map((_, i) => {\n    const day: CalendarDay = { date: d.calc(i, 'days'), type: 'current' }\n    day.isToday = day.date.format() === todayStr\n    day.disabled = disabledDate?.(day.date)\n    return day\n  })\n\n  const preMonthDays: CalendarDay[] = []\n\n  const nextMonthDays: CalendarDay[] = []\n\n  // 上月天数\n  const firstDayWeek = d.weekDay\n\n  if (firstDayWeek !== 0) {\n    // 上个月最后一天\n    d.setDay(0)\n    let i = 0\n    while (i < firstDayWeek) {\n      const day: CalendarDay = { date: d.calc(-i, 'days'), type: 'pre' }\n      day.disabled = disabledDate?.(day.date)\n      preMonthDays.unshift(day)\n      i++\n    }\n  }\n\n  // 下个月的天数\n  const nextMonthDaysAmount = 42 - currentMonthDays.length - preMonthDays.length\n\n  let j = 0\n  d.setMonth(d.month + 2).setDay(1)\n\n  while (j < nextMonthDaysAmount) {\n    const day: CalendarDay = { date: d.calc(j++, 'days'), type: 'next' }\n    day.disabled = disabledDate?.(day.date)\n    nextMonthDays.push(day)\n  }\n\n  return [...preMonthDays, ...currentMonthDays, ...nextMonthDays]\n}\n\n/**\n * 获取一年的月份\n * @param d 日期\n * @param disabledDate 禁用的日期\n * @returns\n */\nexport function getYearMonths(\n  d: Date | string | number | Dater,\n  disabledDate?: (d: Dater) => boolean\n): CalendarMonth[] {\n  if (d instanceof Date || typeof d === 'string' || typeof d === 'number') {\n    d = date(d)\n  }\n\n  const year = d.year\n\n  return Array.from({ length: 12 }).map((_, i) => {\n    const month = i + 1\n\n    const ym = `${year}-${month}`\n\n    const monthDate = date(ym).toEndOfMonth().setHours(23)\n\n    monthDate.setMinutes(59)\n    monthDate.setSeconds(59)\n\n    return { key: ym, month, date: monthDate, disabled: disabledDate?.(monthDate) }\n  })\n}\n\n/**\n * 获取当前年份所处的10年\n * @param d 日期\n * @param disabledDate 禁用的日期\n * @returns\n */\nexport function getTenYears(\n  d: Date | string | number | Dater,\n  disabledDate?: (d: Dater) => boolean\n): CalendarYear[] {\n  if (d instanceof Date || typeof d === 'string' || typeof d === 'number') {\n    d = date(d)\n  }\n\n  const startYear = d.year - (d.year % 10) + 1\n\n  return Array.from({ length: 10 }).map((_, i) => {\n    const year = startYear + i\n\n    const yearDate = date(`${year}-12-31 23:59:59`)\n\n    return { year, date: yearDate, disabled: disabledDate?.(yearDate) }\n  })\n}\n"],"mappings":";;AAIA,MAAa,WAAqB;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAI;;;;;;;AAQrE,SAAgB,aACd,GACA,cACe;CACf,MAAM,WAAW,MAAM,CAAC,QAAQ;AAChC,KAAI,aAAa,QAAQ,OAAO,MAAM,YAAY,OAAO,MAAM,SAC7D,KAAI,KAAK,EAAE;AAIb,GAAE,OAAO,EAAE;CACX,MAAM,mBAAkC,MAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM;EACxF,MAAM,MAAmB;GAAE,MAAM,EAAE,KAAK,GAAG,OAAO;GAAE,MAAM;GAAW;AACrE,MAAI,UAAU,IAAI,KAAK,QAAQ,KAAK;AACpC,MAAI,WAAW,eAAe,IAAI,KAAK;AACvC,SAAO;GACP;CAEF,MAAM,eAA8B,EAAE;CAEtC,MAAM,gBAA+B,EAAE;CAGvC,MAAM,eAAe,EAAE;AAEvB,KAAI,iBAAiB,GAAG;AAEtB,IAAE,OAAO,EAAE;EACX,IAAI,IAAI;AACR,SAAO,IAAI,cAAc;GACvB,MAAM,MAAmB;IAAE,MAAM,EAAE,KAAK,CAAC,GAAG,OAAO;IAAE,MAAM;IAAO;AAClE,OAAI,WAAW,eAAe,IAAI,KAAK;AACvC,gBAAa,QAAQ,IAAI;AACzB;;;CAKJ,MAAM,sBAAsB,KAAK,iBAAiB,SAAS,aAAa;CAExE,IAAI,IAAI;AACR,GAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE;AAEjC,QAAO,IAAI,qBAAqB;EAC9B,MAAM,MAAmB;GAAE,MAAM,EAAE,KAAK,KAAK,OAAO;GAAE,MAAM;GAAQ;AACpE,MAAI,WAAW,eAAe,IAAI,KAAK;AACvC,gBAAc,KAAK,IAAI;;AAGzB,QAAO;EAAC,GAAG;EAAc,GAAG;EAAkB,GAAG;EAAc;;;;;;;;AASjE,SAAgB,cACd,GACA,cACiB;AACjB,KAAI,aAAa,QAAQ,OAAO,MAAM,YAAY,OAAO,MAAM,SAC7D,KAAI,KAAK,EAAE;CAGb,MAAM,OAAO,EAAE;AAEf,QAAO,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM;EAC9C,MAAM,QAAQ,IAAI;EAElB,MAAM,KAAK,GAAG,KAAK,GAAG;EAEtB,MAAM,YAAY,KAAK,GAAG,CAAC,cAAc,CAAC,SAAS,GAAG;AAEtD,YAAU,WAAW,GAAG;AACxB,YAAU,WAAW,GAAG;AAExB,SAAO;GAAE,KAAK;GAAI;GAAO,MAAM;GAAW,UAAU,eAAe,UAAU;GAAE;GAC/E;;;;;;;;AASJ,SAAgB,YACd,GACA,cACgB;AAChB,KAAI,aAAa,QAAQ,OAAO,MAAM,YAAY,OAAO,MAAM,SAC7D,KAAI,KAAK,EAAE;CAGb,MAAM,YAAY,EAAE,OAAQ,EAAE,OAAO,KAAM;AAE3C,QAAO,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM;EAC9C,MAAM,OAAO,YAAY;EAEzB,MAAM,WAAW,KAAK,GAAG,KAAK,iBAAiB;AAE/C,SAAO;GAAE;GAAM,MAAM;GAAU,UAAU,eAAe,SAAS;GAAE;GACnE"}