@veltra/desktop 1.0.0

package/dist/components/condition-editor/style2.css

@@ -0,0 +1,17 @@
+@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 选择器策略一致 */

package/dist/components/context-menu/api.d.ts

@@ -0,0 +1,8 @@
+import { ContextMenuProps } from "../../types/context-menu.js";
+//#region src/components/context-menu/api.d.ts
+declare const contextmenu: {
+  pop(options: ContextMenuProps): void;
+};
+//#endregion
+export { contextmenu };
+//# sourceMappingURL=api.d.ts.map

package/dist/components/context-menu/api.js

@@ -0,0 +1,18 @@
+import _sfc_main from "./context-menu.js";
+import { createVNode, render } from "vue";
+//#region src/components/context-menu/api.ts
+let node;
+const contextmenu = { pop(options) {
+	if (node) render(null, document.body);
+	node = createVNode(_sfc_main, {
+		...options,
+		onDestroy() {
+			render(null, document.body);
+		}
+	});
+	render(node, document.body);
+} };
+//#endregion
+export { contextmenu };
+
+//# sourceMappingURL=api.js.map

package/dist/components/context-menu/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["MContextMenu"],"sources":["../../../src/components/context-menu/api.ts"],"sourcesContent":["import { createVNode, render, type VNode } from 'vue'\n\nimport type { ContextMenuProps } from '../../types'\nimport MContextMenu from './context-menu.vue'\n\nlet node: VNode\n\nexport const contextmenu = {\n  pop(options: ContextMenuProps): void {\n    if (node) {\n      render(null, document.body)\n    }\n\n    node = createVNode(MContextMenu, {\n      ...options,\n      onDestroy() {\n        render(null, document.body)\n      }\n    })\n\n    render(node, document.body)\n  }\n}\n"],"mappings":";;;AAKA,IAAI;AAEJ,MAAa,cAAc,EACzB,IAAI,SAAiC;AACnC,KAAI,KACF,QAAO,MAAM,SAAS,KAAK;AAG7B,QAAO,YAAYA,WAAc;EAC/B,GAAG;EACH,YAAY;AACV,UAAO,MAAM,SAAS,KAAK;;EAE9B,CAAC;AAEF,QAAO,MAAM,SAAS,KAAK;GAE9B"}

package/dist/components/context-menu/context-menu-item.js

@@ -0,0 +1,60 @@
+import _sfc_main$1 from "../icon/icon.js";
+import { ContextMenuDIKey } from "./di.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { bem } from "@veltra/utils";
+import { vRipple } from "@veltra/directives";
+import { Loading } from "@veltra/icons/normal";
+//#region src/components/context-menu/context-menu-item.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ContextMenuItem",
+	__name: "context-menu-item",
+	props: { menu: {} },
+	emits: ["click-start", "click-end"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { cls } = inject(ContextMenuDIKey);
+		const loading = shallowRef(false);
+		const disabled = computed(() => {
+			return (typeof __props.menu.disabled === "function" ? __props.menu.disabled() : __props.menu.disabled) ?? false;
+		});
+		function handleClickMenu() {
+			if (disabled.value || loading.value) return;
+			emit("click-start");
+			loading.value = true;
+			const result = __props.menu.callback?.();
+			if (result instanceof Promise) return result.then(() => {}).finally(() => {
+				emit("click-end");
+				loading.value = false;
+			});
+			loading.value = false;
+			emit("click-end");
+		}
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("li", {
+				class: normalizeClass([
+					unref(cls).e("item"),
+					unref(bem).is("disabled", disabled.value),
+					unref(bem).is("loading", loading.value),
+					unref(cls).em("item", "menu")
+				]),
+				onClick: handleClickMenu
+			}, [loading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 0,
+				class: normalizeClass(unref(bem).is("loading"))
+			}, {
+				default: withCtx(() => [createVNode(unref(Loading))]),
+				_: 1
+			}, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.menu.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.menu.icon)))]),
+				_: 1
+			})) : (openBlock(), createElementBlock("i", {
+				key: 1,
+				class: normalizeClass(unref(cls).e("icon-place"))
+			}, null, 2))], 64)), createElementVNode("span", { class: normalizeClass(unref(cls).e("label")) }, toDisplayString(__props.menu.label), 3)], 2)), [[unref(vRipple), !disabled.value && !loading.value]]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=context-menu-item.js.map

package/dist/components/context-menu/context-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-item.js","names":[],"sources":["../../../src/components/context-menu/context-menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('disabled', disabled),\n      bem.is('loading', loading),\n      cls.em('item', 'menu')\n    ]\"\n    v-ripple=\"!disabled && !loading\"\n    @click=\"handleClickMenu\"\n  >\n    <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n      <Loading />\n    </u-icon>\n    <template v-else>\n      <u-icon v-if=\"menu.icon\">\n        <component :is=\"menu.icon\" />\n      </u-icon>\n      <i v-else :class=\"cls.e('icon-place')\"></i>\n    </template>\n\n    <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextMenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextMenuDIKey } from './di'\n\ndefineOptions({\n  name: 'ContextMenuItem'\n})\n\nconst { menu } = defineProps<{\n  menu: ContextMenuItem\n}>()\n\nconst emit = defineEmits<{\n  (e: 'click-start'): void\n  (e: 'click-end'): void\n}>()\n\nconst { cls } = inject(ContextMenuDIKey)!\n\nconst loading = shallowRef(false)\n\nconst disabled = computed(() => {\n  return (typeof menu.disabled === 'function' ? menu.disabled() : menu.disabled) ?? false\n})\n\nfunction handleClickMenu() {\n  if (disabled.value || loading.value) return\n  emit('click-start')\n  loading.value = true\n  const result = menu.callback?.()\n\n  if (result instanceof Promise) {\n    return result\n      .then(() => {})\n      .finally(() => {\n        emit('click-end')\n        loading.value = false\n      })\n  }\n  loading.value = false\n  emit('click-end')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EA2CA,MAAM,OAAO;EAKb,MAAM,EAAE,QAAQ,OAAO,iBAAiB;EAExC,MAAM,UAAU,WAAW,MAAK;EAEhC,MAAM,WAAW,eAAe;AAC9B,WAAQ,OAAO,QAAA,KAAK,aAAa,aAAa,QAAA,KAAK,UAAU,GAAG,QAAA,KAAK,aAAa;IACnF;EAED,SAAS,kBAAkB;AACzB,OAAI,SAAS,SAAS,QAAQ,MAAO;AACrC,QAAK,cAAa;AAClB,WAAQ,QAAQ;GAChB,MAAM,SAAS,QAAA,KAAK,YAAW;AAE/B,OAAI,kBAAkB,QACpB,QAAO,OACJ,WAAW,GAAE,CACb,cAAc;AACb,SAAK,YAAW;AAChB,YAAQ,QAAQ;KACjB;AAEL,WAAQ,QAAQ;AAChB,QAAK,YAAW;;;uCAtEhB,mBAqBK,MAAA;IApBF,OAAK,eAAA;KAAU,MAAA,IAAG,CAAC,EAAC,OAAA;KAAgB,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ;KAAS,MAAA,IAAG,CAAC,GAAE,WAAY,QAAA,MAAO;KAAS,MAAA,IAAG,CAAC,GAAE,QAAA,OAAA;;IAOhH,SAAO;OAEM,QAAA,SAAA,WAAA,EAAd,YAES,MAAA,YAAA,EAAA;;IAFe,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,UAAA,CAAA;;2BACxB,CAAX,YAAW,MAAA,QAAA,CAAA,CAAA,CAAA;;qCAEb,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,CAJK,QAAA,KAAK,QAAA,WAAA,EAAnB,YAES,MAAA,YAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BADsB,EAAA,WAAA,EAA7B,YAA6B,wBAAb,QAAA,KAAK,KAAI,CAAA,EAAA,CAAA;;uBAE3B,mBAA2C,KAAA;;IAAhC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA;wBAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,gBAAc,QAAA,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,GAAA,CAAA,CAAA,MAAA,QAAA,EAAA,CAbhC,SAAA,SAAQ,CAAK,QAAA,MAAO,CAAA,CAAA"}

package/dist/components/context-menu/context-menu.js

@@ -0,0 +1,95 @@
+import { ContextMenuDIKey } from "./di.js";
+import _sfc_main$1 from "./context-menu-item.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderList, shallowRef, unref, withCtx, withDirectives } from "vue";
+import { bem, withUnit, zIndex } from "@veltra/utils";
+import { useFallbackProps } from "@veltra/compositions";
+import { vClickOutside } from "@veltra/directives";
+//#region src/components/context-menu/context-menu.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ContextMenu",
+	__name: "context-menu",
+	props: {
+		mousePosition: {},
+		width: { default: 150 },
+		menus: {},
+		size: {}
+	},
+	emits: ["destroy"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { size } = useFallbackProps([props], { size: "default" });
+		const cls = bem("context-menu");
+		const contextMenuRef = shallowRef();
+		const visible = shallowRef(true);
+		const computePosition = () => {
+			const position = {};
+			const { mousePosition } = props;
+			const { x, y } = mousePosition;
+			if (x > window.innerWidth / 2) position.right = window.innerWidth - x - 1;
+			else position.left = x + 1;
+			if (y > window.innerHeight / 2) position.bottom = window.innerHeight - y - 1;
+			else position.top = y + 1;
+			position.transformOrigin = `${position.top ? "top" : "bottom"} ${position.left ? "left" : "right"}`;
+			return Object.fromEntries(Object.entries(position).map(([k, v]) => [k, withUnit(v, "px")]));
+		};
+		const style = computed(() => {
+			return {
+				width: withUnit(props.width, "px"),
+				...computePosition(),
+				zIndex: zIndex()
+			};
+		});
+		const menus = computed(() => {
+			const { menus } = props;
+			if (typeof menus === "function") return menus();
+			return menus;
+		});
+		const getMenuDisabled = (menu) => {
+			return typeof menu.disabled === "function" ? menu.disabled() : menu.disabled;
+		};
+		function close() {
+			visible.value = false;
+		}
+		let loading = false;
+		function handleClickStart() {
+			loading = true;
+		}
+		function handleClickEnd() {
+			loading = false;
+			close();
+		}
+		function handleClickOutside() {
+			if (loading) return;
+			close();
+		}
+		provide(ContextMenuDIKey, { cls });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				name: "zoom-in",
+				appear: "",
+				onAfterLeave: _cache[0] || (_cache[0] = ($event) => emit("destroy"))
+			}, {
+				default: withCtx(() => [visible.value ? withDirectives((openBlock(), createElementBlock("ul", {
+					key: 0,
+					class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))]),
+					style: normalizeStyle(style.value),
+					ref_key: "contextMenuRef",
+					ref: contextMenuRef
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(menus.value, (menu) => {
+					return openBlock(), createBlock(_sfc_main$1, {
+						menu,
+						disabled: getMenuDisabled(menu),
+						onClickStart: handleClickStart,
+						onClickEnd: handleClickEnd
+					}, null, 8, ["menu", "disabled"]);
+				}), 256))], 6)), [[unref(vClickOutside), handleClickOutside]]) : createCommentVNode("v-if", true)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":[],"sources":["../../../src/components/context-menu/context-menu.vue"],"sourcesContent":["<template>\n  <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n    <ul\n      :class=\"[cls.b, cls.m(size)]\"\n      :style=\"style\"\n      ref=\"contextMenuRef\"\n      v-if=\"visible\"\n      v-click-outside=\"handleClickOutside\"\n    >\n      <UContextMenuItem\n        v-for=\"menu of menus\"\n        :menu=\"menu\"\n        :disabled=\"getMenuDisabled(menu)\"\n        @click-start=\"handleClickStart\"\n        @click-end=\"handleClickEnd\"\n      />\n    </ul>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type {\n  ContextMenuEmits,\n  ContextMenuItem,\n  ContextMenuProps,\n  ComponentSize\n} from '../../types'\nimport UContextMenuItem from './context-menu-item.vue'\nimport { ContextMenuDIKey } from './di'\n\ndefineOptions({\n  name: 'ContextMenu'\n})\n\nconst props = withDefaults(defineProps<ContextMenuProps>(), {\n  width: 150\n})\n\nconst emit = defineEmits<ContextMenuEmits>()\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('context-menu')\n\nconst contextMenuRef = shallowRef<HTMLElement>()\n\nconst visible = shallowRef(true)\n\nconst computePosition = () => {\n  const position: {\n    top?: number\n    left?: number\n    right?: number\n    bottom?: number\n    transformOrigin?: string\n  } = {}\n\n  const { mousePosition } = props\n  const { x, y } = mousePosition\n  if (x > window.innerWidth / 2) {\n    position.right = window.innerWidth - x - 1\n  } else {\n    position.left = x + 1\n  }\n  if (y > window.innerHeight / 2) {\n    position.bottom = window.innerHeight - y - 1\n  } else {\n    position.top = y + 1\n  }\n\n  const positionY = position.top ? 'top' : 'bottom'\n  const positionX = position.left ? 'left' : 'right'\n  position.transformOrigin = `${positionY} ${positionX}`\n\n  return Object.fromEntries(\n    Object.entries(position).map(([k, v]) => [k, withUnit(v as number | string | undefined, 'px')])\n  ) as CSSProperties\n}\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.width, 'px'),\n    ...computePosition(),\n    zIndex: zIndex()\n  }\n})\n\nconst menus = computed(() => {\n  const { menus } = props\n  if (typeof menus === 'function') {\n    return menus()\n  }\n  return menus\n})\n\nconst getMenuDisabled = (menu: ContextMenuItem) => {\n  return typeof menu.disabled === 'function' ? menu.disabled() : menu.disabled\n}\n\nfunction close() {\n  visible.value = false\n}\n\nlet loading = false\nfunction handleClickStart() {\n  loading = true\n}\n\nfunction handleClickEnd() {\n  loading = false\n  close()\n}\n\nfunction handleClickOutside() {\n  if (loading) return\n  close()\n}\n\nprovide(ContextMenuDIKey, {\n  cls\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,eAAc;EAE9B,MAAM,iBAAiB,YAAwB;EAE/C,MAAM,UAAU,WAAW,KAAI;EAE/B,MAAM,wBAAwB;GAC5B,MAAM,WAMF,EAAC;GAEL,MAAM,EAAE,kBAAkB;GAC1B,MAAM,EAAE,GAAG,MAAM;AACjB,OAAI,IAAI,OAAO,aAAa,EAC1B,UAAS,QAAQ,OAAO,aAAa,IAAI;OAEzC,UAAS,OAAO,IAAI;AAEtB,OAAI,IAAI,OAAO,cAAc,EAC3B,UAAS,SAAS,OAAO,cAAc,IAAI;OAE3C,UAAS,MAAM,IAAI;AAKrB,YAAS,kBAAkB,GAFT,SAAS,MAAM,QAAQ,SAED,GADtB,SAAS,OAAO,SAAS;AAG3C,UAAO,OAAO,YACZ,OAAO,QAAQ,SAAS,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,SAAS,GAAkC,KAAK,CAAC,CAAA,CAC/F;;EAGH,MAAM,QAAQ,eAA8B;AAC1C,UAAO;IACL,OAAO,SAAS,MAAM,OAAO,KAAK;IAClC,GAAG,iBAAiB;IACpB,QAAQ,QAAO;IACjB;IACD;EAED,MAAM,QAAQ,eAAe;GAC3B,MAAM,EAAE,UAAU;AAClB,OAAI,OAAO,UAAU,WACnB,QAAO,OAAM;AAEf,UAAO;IACR;EAED,MAAM,mBAAmB,SAA0B;AACjD,UAAO,OAAO,KAAK,aAAa,aAAa,KAAK,UAAU,GAAG,KAAK;;EAGtE,SAAS,QAAQ;AACf,WAAQ,QAAQ;;EAGlB,IAAI,UAAU;EACd,SAAS,mBAAmB;AAC1B,aAAU;;EAGZ,SAAS,iBAAiB;AACxB,aAAU;AACV,UAAM;;EAGR,SAAS,qBAAqB;AAC5B,OAAI,QAAS;AACb,UAAM;;AAGR,UAAQ,kBAAkB,EACxB,KACD,CAAA;;uBA9HC,YAgBa,YAAA;IAhBD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;;2BAe7C,CAVG,QAAA,QAAA,gBAAA,WAAA,EAJR,mBAcK,MAAA;;KAbF,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,MAAK;cACT;KAAJ,KAAI;0BAIJ,mBAME,UAAA,MAAA,WALe,MAAA,QAAR,SAAI;yBADb,YAME,aAAA;MAJO;MACN,UAAU,gBAAgB,KAAI;MAC9B,cAAa;MACb,YAAW;;6CAPG,mBAAkB,CAAA,CAAA,GAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}

package/dist/components/context-menu/di.js

@@ -0,0 +1,6 @@
+//#region src/components/context-menu/di.ts
+const ContextMenuDIKey = Symbol("ContextMenuDIKey");
+//#endregion
+export { ContextMenuDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/context-menu/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/context-menu/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\nexport const ContextMenuDIKey: InjectionKey<{ cls: BEM<'context-menu'> }> =\n  Symbol('ContextMenuDIKey')\n"],"mappings":";AAGA,MAAa,mBACX,OAAO,mBAAmB"}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1 @@
+import { contextmenu } from "./api.js";

package/dist/components/context-menu/style.d.ts

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

package/dist/components/context-menu/style.js

@@ -0,0 +1,3 @@
+import "./style2.css";
+import "@veltra/directives/ripple/style.js";
+import "@veltra/styles/anime/zoom-in.scss";

package/dist/components/context-menu/style2.css

@@ -0,0 +1,50 @@
+@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-context-menu {
+  position: fixed;
+  background-color: var(--u-bg-color-top);
+  box-shadow: var(--u-shadow);
+  border-radius: var(--u-radius-default);
+  padding: var(--u-gap-small);
+}
+.u-context-menu__label {
+  margin-left: var(--u-gap-small);
+}
+.u-context-menu__item {
+  cursor: pointer;
+  padding: var(--u-gap-small);
+  border-radius: var(--u-radius-default);
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-context-menu__item:not(.is-disabled, .is-loading):hover {
+  background-color: var(--u-color-primary-light-9);
+}
+.u-context-menu__item.is-disabled {
+  cursor: not-allowed;
+  color: var(--u-text-color-disabled);
+}
+.u-context-menu__item.is-loading {
+  cursor: not-allowed;
+  color: var(--u-text-color-disabled);
+}
+.u-context-menu__icon-place {
+  width: 14px;
+}

package/dist/components/date-panel/date-panel.js

@@ -0,0 +1,36 @@
+import _sfc_main$1 from "./headers/day.js";
+import _sfc_main$2 from "./headers/month.js";
+import _sfc_main$3 from "./headers/year.js";
+import _sfc_main$4 from "./panels/day.js";
+import _sfc_main$5 from "./panels/month.js";
+import _sfc_main$6 from "./panels/year.js";
+import { usePanel } from "./use-panel.js";
+import { Fragment, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+//#region src/components/date-panel/date-panel.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DatePanel",
+	__name: "date-panel",
+	props: {
+		date: {},
+		rangeDate: {},
+		range: { type: Boolean },
+		disabledDate: {},
+		type: { default: "date" },
+		size: { default: "default" }
+	},
+	emits: ["select:date", "select:range-date"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { cls, panelType } = usePanel({
+			props,
+			emit: __emit
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).b, unref(cls).m(props.size)]) }, [unref(panelType) === "day" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_sfc_main$1), createVNode(_sfc_main$4)], 64)) : unref(panelType) === "year" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(_sfc_main$3), createVNode(_sfc_main$6)], 64)) : unref(panelType) === "month" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(_sfc_main$2), createVNode(_sfc_main$5)], 64)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=date-panel.js.map

package/dist/components/date-panel/date-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-panel.js","names":[],"sources":["../../../src/components/date-panel/date-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(props.size)]\">\n    <template v-if=\"panelType === 'day'\">\n      <DayHeader />\n      <DayPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'year'\">\n      <YearHeader />\n      <YearPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'month'\">\n      <MonthHeader />\n      <MonthPanel />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DatePanelEmits, DatePanelProps } from '../../types'\nimport DayHeader from './headers/day.vue'\nimport MonthHeader from './headers/month.vue'\nimport YearHeader from './headers/year.vue'\nimport DayPanel from './panels/day.vue'\nimport MonthPanel from './panels/month.vue'\nimport YearPanel from './panels/year.vue'\nimport { usePanel } from './use-panel'\n\ndefineOptions({\n  name: 'DatePanel'\n})\n\nconst props = withDefaults(defineProps<DatePanelProps>(), {\n  size: 'default',\n  type: 'date'\n})\n\nconst emit = defineEmits<DatePanelEmits>()\n\nconst { cls, panelType } = usePanel({\n  props,\n  emit\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAOd,MAAM,EAAE,KAAK,cAAc,SAAS;GAClC;GACA,MAJW;GAKZ,CAAA;;uBA1CC,mBAeM,OAAA,EAfA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAM,KAAI,CAAA,CAAA,EAAA,EAAA,CACnB,MAAA,UAAS,KAAA,SAAA,WAAA,EAAzB,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAFT,YAAa,YAAA,EACb,YAAY,YAAA,CAAA,EAAA,GAAA,IAGO,MAAA,UAAS,KAAA,UAAA,WAAA,EAA9B,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAFT,YAAc,YAAA,EACd,YAAa,YAAA,CAAA,EAAA,GAAA,IAGM,MAAA,UAAS,KAAA,WAAA,WAAA,EAA9B,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAFT,YAAe,YAAA,EACf,YAAc,YAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,EAAA,EAAA"}

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -0,0 +1,20 @@
+import { DatePanelProps } from "../../types/date-panel.js";
+import * as _$vue from "vue";
+import * as _$_cat_kit_core0 from "@cat-kit/core";
+import * as _$_veltra_utils0 from "@veltra/utils";
+
+//#region src/components/date-panel/date-panel.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DatePanelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  "select:range-date": (rangeDate?: [_$_cat_kit_core0.Dater, _$_cat_kit_core0.Dater] | undefined) => any;
+  "select:date": (date: _$_cat_kit_core0.Dater) => any;
+}, string, _$vue.PublicProps, Readonly<DatePanelProps> & Readonly<{
+  "onSelect:range-date"?: ((rangeDate?: [_$_cat_kit_core0.Dater, _$_cat_kit_core0.Dater] | undefined) => any) | undefined;
+  "onSelect:date"?: ((date: _$_cat_kit_core0.Dater) => any) | undefined;
+}>, {
+  size: _$_veltra_utils0.ComponentSize;
+  type: "date" | "month" | "year";
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=date-panel.vue.d.ts.map

package/dist/components/date-panel/di.js

@@ -0,0 +1,6 @@
+//#region src/components/date-panel/di.ts
+const DatePanelDIKey = Symbol("DatePanelDIKey");
+//#endregion
+export { DatePanelDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/date-panel/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/date-panel/di.ts"],"sourcesContent":["import type { Dater } from '@cat-kit/core'\nimport type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\n\nimport type { DatePanelEmits, DatePanelProps, PanelType } from '../../types'\n\nexport interface DatePanelContext {\n  cls: BEM<'date-panel'>\n  panelType: Ref<PanelType>\n  panelDate: Ref<Dater>\n  rangeDate: ComputedRef<[Dater, Dater] | undefined>\n\n  panelProps: DatePanelProps\n  panelEmit: DatePanelEmits\n\n  /** 选择日期 */\n  handleDateSelect: (date: Dater) => void\n  /** 范围日期悬停 */\n  handleDateRangeHover: (date: Dater) => void\n\n  /** 上一年 */\n  toPrevYear: () => void\n  /** 上个月 */\n  toPrevMonth: () => void\n  /** 下一年 */\n  toNextYear: () => void\n  /** 下个月 */\n  toNextMonth: () => void\n  /** 下十年 */\n  toNextTenYears: () => void\n  /** 上十年 */\n  toPrevTenYears: () => void\n}\n\nexport const DatePanelDIKey: InjectionKey<DatePanelContext> = Symbol('DatePanelDIKey')\n"],"mappings":";AAkCA,MAAa,iBAAiD,OAAO,iBAAiB"}

package/dist/components/date-panel/headers/day.js

@@ -0,0 +1,53 @@
+import _sfc_main$1 from "../../icon/icon.js";
+import { DatePanelDIKey } from "../di.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from "@veltra/icons/normal";
+//#region src/components/date-panel/headers/day.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DatePanelDayHeader",
+	__name: "day",
+	setup(__props) {
+		const { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } = inject(DatePanelDIKey);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("header")) }, [
+				createElementVNode("div", null, [createVNode(unref(_sfc_main$1), {
+					onClick: unref(toPrevYear),
+					title: "上一年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowLeft))]),
+					_: 1
+				}, 8, ["onClick"]), createVNode(unref(_sfc_main$1), {
+					onClick: unref(toPrevMonth),
+					title: "上个月"
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowLeft))]),
+					_: 1
+				}, 8, ["onClick"])]),
+				createElementVNode("div", null, [createElementVNode("span", {
+					class: normalizeClass(unref(cls).e("header-year")),
+					onClick: _cache[0] || (_cache[0] = ($event) => panelType.value = "year")
+				}, toDisplayString(unref(panelDate).year), 3), createElementVNode("span", {
+					class: normalizeClass(unref(cls).e("header-month")),
+					onClick: _cache[1] || (_cache[1] = ($event) => panelType.value = "month")
+				}, toDisplayString(unref(panelDate).month) + "月 ", 3)]),
+				createElementVNode("div", null, [createVNode(unref(_sfc_main$1), {
+					onClick: unref(toNextMonth),
+					title: "下个月"
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowRight))]),
+					_: 1
+				}, 8, ["onClick"]), createVNode(unref(_sfc_main$1), {
+					onClick: unref(toNextYear),
+					title: "下一年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowRight))]),
+					_: 1
+				}, 8, ["onClick"])])
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=day.js.map

package/dist/components/date-panel/headers/day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/headers/day.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <div>\n      <u-icon @click=\"toPrevYear\" title=\"上一年\">\n        <DArrowLeft />\n      </u-icon>\n      <u-icon @click=\"toPrevMonth\" title=\"上个月\">\n        <ArrowLeft />\n      </u-icon>\n    </div>\n\n    <div>\n      <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n        {{ panelDate.year }}\n      </span>\n      <span :class=\"cls.e('header-month')\" @click=\"panelType = 'month'\">\n        {{ panelDate.month }}月\n      </span>\n    </div>\n\n    <div>\n      <u-icon @click=\"toNextMonth\" title=\"下个月\">\n        <ArrowRight />\n      </u-icon>\n      <u-icon @click=\"toNextYear\" title=\"下一年\">\n        <DArrowRight />\n      </u-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({\n  name: 'DatePanelDayHeader'\n})\n\nconst { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =\n  inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EA0CA,MAAM,EAAE,WAAW,WAAW,KAAK,aAAa,aAAa,YAAY,eACvE,OAAO,eAAe;;uBA1CtB,mBA2BM,OAAA,EA3BA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA;IAChB,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,WAAU;KAAE,OAAM;;4BAClB,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,YAAW;KAAE,OAAM;;4BACpB,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAIjB,mBAOM,OAAA,MAAA,CANJ,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,UAAS,CAAC,KAAI,EAAA,EAAA,EAEnB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;KAAmB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBACjD,MAAA,UAAS,CAAC,MAAK,GAAG,MACvB,EAAA,CAAA,CAAA;IAGF,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,YAAW;KAAE,OAAM;;4BACnB,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,WAAU;KAAE,OAAM;;4BACjB,CAAf,YAAe,MAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/month.js

@@ -0,0 +1,38 @@
+import _sfc_main$1 from "../../icon/icon.js";
+import { DatePanelDIKey } from "../di.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DArrowLeft, DArrowRight } from "@veltra/icons";
+//#region src/components/date-panel/headers/month.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DatePanelMonthHeader",
+	__name: "month",
+	setup(__props) {
+		const { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("header")) }, [
+				createVNode(unref(_sfc_main$1), {
+					onClick: unref(toPrevYear),
+					title: "上一年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowLeft))]),
+					_: 1
+				}, 8, ["onClick"]),
+				createElementVNode("span", {
+					class: normalizeClass(unref(cls).e("header-year")),
+					onClick: _cache[0] || (_cache[0] = ($event) => panelType.value = "year")
+				}, toDisplayString(unref(panelDate).year), 3),
+				createVNode(unref(_sfc_main$1), {
+					onClick: unref(toNextYear),
+					title: "下一年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowRight))]),
+					_: 1
+				}, 8, ["onClick"])
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=month.js.map

package/dist/components/date-panel/headers/month.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/headers/month.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevYear\" title=\"上一年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n      {{ panelDate.year }}\n    </span>\n\n    <u-icon @click=\"toNextYear\" title=\"下一年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({\n  name: 'DatePanelMonthHeader'\n})\n\nconst { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EA2BA,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY,QAAQ,OAAO,eAAe;;uBA1BlF,mBAYM,OAAA,EAZA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA;IAChB,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,WAAU;KAAE,OAAM;;4BAClB,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,UAAS,CAAC,KAAI,EAAA,EAAA;IAGnB,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,WAAU;KAAE,OAAM;;4BACjB,CAAf,YAAe,MAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/year.js

@@ -0,0 +1,41 @@
+import _sfc_main$1 from "../../icon/icon.js";
+import { DatePanelDIKey } from "../di.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DArrowLeft, DArrowRight } from "@veltra/icons/normal";
+//#region src/components/date-panel/headers/year.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DatePanelYearHeader",
+	__name: "year",
+	setup(__props) {
+		const { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey);
+		const startYear = computed(() => {
+			return panelDate.value.year - panelDate.value.year % 10 + 1;
+		});
+		const endYear = computed(() => {
+			return startYear.value + 9;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("header")) }, [
+				createVNode(unref(_sfc_main$1), {
+					onClick: unref(toPrevTenYears),
+					title: "上个十年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowLeft))]),
+					_: 1
+				}, 8, ["onClick"]),
+				createElementVNode("span", null, toDisplayString(startYear.value) + " ~ " + toDisplayString(endYear.value), 1),
+				createVNode(unref(_sfc_main$1), {
+					onClick: unref(toNextTenYears),
+					title: "下个十年"
+				}, {
+					default: withCtx(() => [createVNode(unref(DArrowRight))]),
+					_: 1
+				}, 8, ["onClick"])
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=year.js.map

package/dist/components/date-panel/headers/year.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/headers/year.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevTenYears\" title=\"上个十年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span> {{ startYear }} ~ {{ endYear }} </span>\n\n    <u-icon @click=\"toNextTenYears\" title=\"下个十年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({\n  name: 'DatePanelYearHeader'\n})\n\nconst { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!\n\nconst startYear = computed(() => {\n  return panelDate.value.year - (panelDate.value.year % 10) + 1\n})\n\nconst endYear = computed(() => {\n  return startYear.value + 9\n})\n</script>\n"],"mappings":";;;;;;;;;EA0BA,MAAM,EAAE,WAAW,gBAAgB,gBAAgB,QAAQ,OAAO,eAAe;EAEjF,MAAM,YAAY,eAAe;AAC/B,UAAO,UAAU,MAAM,OAAQ,UAAU,MAAM,OAAO,KAAM;IAC7D;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,UAAU,QAAQ;IAC1B;;uBAjCC,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA;IAChB,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,eAAc;KAAE,OAAM;;4BACtB,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAA8C,QAAA,MAAA,gBAApC,UAAA,MAAS,GAAG,QAAG,gBAAG,QAAA,MAAO,EAAA,EAAA;IAEnC,YAES,MAAA,YAAA,EAAA;KAFA,SAAO,MAAA,eAAc;KAAE,OAAM;;4BACrB,CAAf,YAAe,MAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/index.d.ts

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

package/dist/components/date-panel/panels/day.js

@@ -0,0 +1,78 @@
+import { getMonthDays, weekDays } from "../../calendar/utils.js";
+import { DatePanelDIKey } from "../di.js";
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/date-panel/panels/day.vue
+const _hoisted_1 = [
+	"title",
+	"onClick",
+	"onMouseenter"
+];
+const fmtStr = "yyyyMMdd";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DatePanelDay",
+	inheritAttrs: false,
+	__name: "day",
+	setup(__props) {
+		const { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } = inject(DatePanelDIKey);
+		const days = computed(() => {
+			return getMonthDays(panelDate.value.timestamp, panelProps.disabledDate);
+		});
+		function getRangeCls(day) {
+			return [
+				bem.is("in-range", didInRange(day.date)),
+				bem.is("range-start", isRangeStart(day.date)),
+				bem.is("range-end", isRangeEnd(day.date))
+			];
+		}
+		function getSingleCls(day) {
+			return [bem.is("selected", didSelected(day.date))];
+		}
+		function getDayCls(day) {
+			const ret = [
+				cls.e("cell"),
+				bem.is(day.type),
+				bem.is("today", day.isToday === true),
+				bem.is("disabled", day.disabled === true)
+			];
+			if (panelProps.range) return [...ret, ...getRangeCls(day)];
+			return [...ret, ...getSingleCls(day)];
+		}
+		function didSelected(date) {
+			if (!panelProps.date) return false;
+			return date.format(fmtStr) === panelProps.date.format(fmtStr);
+		}
+		function didInRange(date) {
+			if (!rangeDate.value) return false;
+			const [start, end] = rangeDate.value;
+			return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp;
+		}
+		function isRangeStart(date) {
+			if (!rangeDate.value) return false;
+			const [start] = rangeDate.value;
+			return date.format(fmtStr) === start.format(fmtStr);
+		}
+		function isRangeEnd(date) {
+			if (!rangeDate.value) return false;
+			const [, end] = rangeDate.value;
+			return date.format(fmtStr) === end.format(fmtStr);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("ul", { class: normalizeClass(unref(cls).e("week")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (weekDay) => {
+				return openBlock(), createElementBlock("li", { class: normalizeClass(unref(cls).e("week-day")) }, toDisplayString(weekDay), 3);
+			}), 256))], 2), createElementVNode("ul", { class: normalizeClass(unref(cls).e("days")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
+				return openBlock(), createElementBlock("li", {
+					title: day.isToday ? "今天" : "",
+					class: normalizeClass(getDayCls(day)),
+					key: day.date.timestamp,
+					onClick: ($event) => !day.disabled && unref(handleDateSelect)(day.date),
+					onMouseenter: ($event) => !day.disabled && unref(handleDateRangeHover)(day.date)
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("cell-value")) }, toDisplayString(day.date.day), 3)], 42, _hoisted_1);
+			}), 128))], 2)], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=day.js.map

package/dist/components/date-panel/panels/day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/panels/day.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('week')\">\n    <li :class=\"cls.e('week-day')\" v-for=\"weekDay of weekDays\">\n      {{ weekDay }}\n    </li>\n  </ul>\n\n  <ul :class=\"cls.e('days')\">\n    <li\n      v-for=\"day of days\"\n      :title=\"day.isToday ? '今天' : ''\"\n      :class=\"getDayCls(day)\"\n      :key=\"day.date.timestamp\"\n      @click=\"!day.disabled && handleDateSelect(day.date)\"\n      @mouseenter=\"!day.disabled && handleDateRangeHover(day.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">\n        {{ day.date.day }}\n      </span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarDay } from '../../../types'\nimport { getMonthDays, weekDays } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({\n  name: 'DatePanelDay',\n  inheritAttrs: false\n})\n\nconst { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst days = computed<CalendarDay[]>(() => {\n  return getMonthDays(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(day: CalendarDay) {\n  return [\n    bem.is('in-range', didInRange(day.date)),\n    bem.is('range-start', isRangeStart(day.date)),\n    bem.is('range-end', isRangeEnd(day.date))\n  ]\n}\n\nfunction getSingleCls(day: CalendarDay) {\n  return [bem.is('selected', didSelected(day.date))]\n}\nfunction getDayCls(day: CalendarDay) {\n  const ret = [\n    cls.e('cell'),\n    bem.is(day.type),\n    bem.is('today', day.isToday === true),\n    bem.is('disabled', day.disabled === true)\n  ]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(day)]\n  }\n  return [...ret, ...getSingleCls(day)]\n}\n\nconst fmtStr = 'yyyyMMdd'\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.format(fmtStr) === panelProps.date.format(fmtStr)\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.format(fmtStr) === start.format(fmtStr)\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.format(fmtStr) === end.format(fmtStr)\n}\n</script>\n"],"mappings":";;;;;;;;;;AAqEA,MAAM,SAAS;;;;;;EA/Bf,MAAM,EAAE,WAAW,WAAW,YAAY,KAAK,kBAAkB,yBAC/D,OAAO,eAAe;EAExB,MAAM,OAAO,eAA8B;AACzC,UAAO,aAAa,UAAU,MAAM,WAAW,WAAW,aAAY;IACvE;EAED,SAAS,YAAY,KAAkB;AACrC,UAAO;IACL,IAAI,GAAG,YAAY,WAAW,IAAI,KAAK,CAAC;IACxC,IAAI,GAAG,eAAe,aAAa,IAAI,KAAK,CAAC;IAC7C,IAAI,GAAG,aAAa,WAAW,IAAI,KAAK,CAAA;IAC1C;;EAGF,SAAS,aAAa,KAAkB;AACtC,UAAO,CAAC,IAAI,GAAG,YAAY,YAAY,IAAI,KAAK,CAAC,CAAA;;EAEnD,SAAS,UAAU,KAAkB;GACnC,MAAM,MAAM;IACV,IAAI,EAAE,OAAO;IACb,IAAI,GAAG,IAAI,KAAK;IAChB,IAAI,GAAG,SAAS,IAAI,YAAY,KAAK;IACrC,IAAI,GAAG,YAAY,IAAI,aAAa,KAAI;IAC1C;AACA,OAAI,WAAW,MACb,QAAO,CAAC,GAAG,KAAK,GAAG,YAAY,IAAI,CAAA;AAErC,UAAO,CAAC,GAAG,KAAK,GAAG,aAAa,IAAI,CAAA;;EAKtC,SAAS,YAAY,MAAa;AAChC,OAAI,CAAC,WAAW,KAAM,QAAO;AAC7B,UAAO,KAAK,OAAO,OAAO,KAAK,WAAW,KAAK,OAAO,OAAM;;EAG9D,SAAS,WAAW,MAAa;AAC/B,OAAI,CAAC,UAAU,MAAO,QAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;AAC/B,UAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;;EAGpE,SAAS,aAAa,MAAa;AACjC,OAAI,CAAC,UAAU,MAAO,QAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;AAC1B,UAAO,KAAK,OAAO,OAAO,KAAK,MAAM,OAAO,OAAM;;EAGpD,SAAS,WAAW,MAAa;AAC/B,OAAI,CAAC,UAAU,MAAO,QAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;AAC1B,UAAO,KAAK,OAAO,OAAO,KAAK,IAAI,OAAO,OAAM;;;2DA1FhD,mBAIK,MAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAEK,UAAA,MAAA,WAF4C,MAAA,SAAQ,GAAnB,YAAO;wBAA7C,mBAEK,MAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA,EAAA,EAAA,gBACZ,QAAO,EAAA,EAAA;mBAId,mBAaK,MAAA,EAbA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAWK,UAAA,MAAA,WAVW,KAAA,QAAP,QAAG;wBADZ,mBAWK,MAAA;KATF,OAAO,IAAI,UAAO,OAAA;KAClB,OAAK,eAAE,UAAU,IAAG,CAAA;KACpB,KAAK,IAAI,KAAK;KACd,UAAK,WAAA,CAAG,IAAI,YAAY,MAAA,iBAAgB,CAAC,IAAI,KAAI;KACjD,eAAU,WAAA,CAAG,IAAI,YAAY,MAAA,qBAAoB,CAAC,IAAI,KAAI;QAE3D,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,gBACd,IAAI,KAAK,IAAG,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA"}