@will-ui/vue 1.0.0

package/dist/components/date/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":["computed","defineComponent","mergeProps","nextTick","reactive","ref","watch","createTextVNode","_createTextVNode","createVNode","_createVNode","Fragment","_Fragment","getRangeDate","useUII18n","useComponentConfig","useFormItem","effectiveSizeVar","effectiveBgVar","effectiveTextVar","mergeStyle","propSizeToCssVars","propColorToCssVars","toCssVarsStyle","Layer","Trigger","DatePanel","QuickDate","useDateText","useDateView","getQuickDateText","isQuickRangeActive","DATE_PICKER_FALLBACK","name","inheritAttrs","props","show","type","Boolean","default","modelValue","Number","Date","String","undefined","start","end","quickKey","max","min","range","hasQuick","clearable","disabled","block","format","adjustPosition","placeholder","startPlaceholder","endPlaceholder","size","color","cssVars","Object","nearby","emits","_v","change","changeQuick","slots","setup","attrs","emit","expose","formItem","useDisabled","cfg","t","value","isRange","visible","datePickerPlaceholder","startDatePlaceholder","endDatePlaceholder","oldDateRange","formatRef","text","textStart","textEnd","quickActive","quickText","rangeDisplayText","slotDisplayText","triggerText","triggerPlaceholder","open","close","toggle","clear","validate","triggerSlotProps","startText","endText","sizeVars","rootStyle","style","layerOptions","immediate","placement","gap","hasArrow","transitionName","layerClass","layerStyle","b","renderTrigger","layerProps","trigger","hide","_style","class","className","restAttrs","triggerOptions","active","onClear","formatIsTime","maybeClose","startOpts","v","onChange","endOpts","opts","isClose","datePanelOpts","res","quickOpts","key","k"],"sources":["../../../components/date/DatePicker.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  mergeProps,\r\n  nextTick,\r\n  reactive,\r\n  ref,\r\n  watch,\r\n  type PropType,\r\n  type SlotsType,\r\n} from 'vue'\r\nimport type { AdjustmentPosition, DateFormatType, DateType } from '../../config/types'\r\nimport type { TQuickKey } from '../../use/useDate'\r\nimport { getRangeDate } from '../../use/useDate'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport {\r\n  effectiveSizeVar,\r\n  effectiveBgVar,\r\n  effectiveTextVar,\r\n  mergeStyle,\r\n  propSizeToCssVars,\r\n  propColorToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport Layer from '../layer/index'\r\nimport Trigger from '../trigger/index'\r\nimport DatePanel from './DatePanel'\r\nimport QuickDate from './QuickDate'\r\nimport { useDateText, useDateView } from './_use/useDateModules'\r\nimport { getQuickDateText, isQuickRangeActive } from './_use/quickDate'\r\nimport { DATE_PICKER_FALLBACK } from './config'\r\nimport type {\r\n  DatePickerChangeQuickPayload,\r\n  DatePickerExpose,\r\n  DatePickerTriggerSlotProps,\r\n} from './types'\r\n\r\nexport type { DatePickerGlobalConfig } from './config'\r\nexport { DATE_PICKER_FALLBACK } from './config'\r\nexport type {\r\n  DatePickerTriggerSlotProps,\r\n  DatePickerChangeQuickPayload,\r\n  DatePickerExpose,\r\n  TQuickKey,\r\n} from './types'\r\n\r\ntype DatePickerSlots = {\r\n  /** 自定义触发器；不传则使用内置 Trigger */\r\n  trigger?: (props: DatePickerTriggerSlotProps) => any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'DatePicker',\r\n  inheritAttrs: false,\r\n  props: {\r\n    show: { type: Boolean, default: false },\r\n    modelValue: {\r\n      type: [Number, Date, String] as PropType<DateType>,\r\n      default: undefined,\r\n    },\r\n    start: {\r\n      type: [Number, Date, String] as PropType<DateType>,\r\n      default: undefined,\r\n    },\r\n    end: {\r\n      type: [Number, Date, String] as PropType<DateType>,\r\n      default: undefined,\r\n    },\r\n    quickKey: { type: String as PropType<TQuickKey>, default: undefined },\r\n    max: { type: [Number, Date, String] as PropType<DateType>, default: undefined },\r\n    min: { type: [Number, Date, String] as PropType<DateType>, default: undefined },\r\n    // 以下可全局配置：Boolean / 枚举请 default: undefined\r\n    range: { type: Boolean, default: undefined },\r\n    hasQuick: { type: Boolean, default: undefined },\r\n    clearable: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    block: { type: Boolean, default: undefined },\r\n    format: {\r\n      type: String as PropType<DateFormatType>,\r\n      default: undefined,\r\n    },\r\n    adjustPosition: {\r\n      type: String as PropType<AdjustmentPosition>,\r\n      default: undefined,\r\n    },\r\n    placeholder: { type: String, default: undefined },\r\n    startPlaceholder: { type: String, default: undefined },\r\n    endPlaceholder: { type: String, default: undefined },\r\n    /** 实例尺度（px），写入 `--w-prop-date-picker-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-date-picker-color` */\r\n    color: { type: String, default: undefined },\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    nearby: { type: Boolean, default: false },\r\n  },\r\n  emits: {\r\n    'update:show': (_v: boolean) => true,\r\n    'update:modelValue': (_v: DateType) => true,\r\n    'update:start': (_v: DateType) => true,\r\n    'update:end': (_v: DateType) => true,\r\n    'update:quickKey': (_v: TQuickKey | undefined) => true,\r\n    change: (_v?: DateType) => true,\r\n    changeQuick: (_v: DatePickerChangeQuickPayload) => true,\r\n  },\r\n  slots: Object as SlotsType<DatePickerSlots>,\r\n  setup(props, { attrs, emit, slots, expose }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('DatePicker', props, DATE_PICKER_FALLBACK)\r\n    const { t } = useUII18n()\r\n\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n    const isRange = computed(() => !!cfg.value.range)\r\n    const visible = ref(props.show)\r\n\r\n    const datePickerPlaceholder = computed(\r\n      () => cfg.value.placeholder || t('date.placeholder'),\r\n    )\r\n    const startDatePlaceholder = computed(\r\n      () => cfg.value.startPlaceholder || t('date.startPlaceholder'),\r\n    )\r\n    const endDatePlaceholder = computed(\r\n      () => cfg.value.endPlaceholder || t('date.endPlaceholder'),\r\n    )\r\n\r\n    /** 面板打开时快照区间，两端都变后自动关闭 */\r\n    const oldDateRange = reactive<{\r\n      start?: DateType\r\n      end?: DateType\r\n    }>({\r\n      start: undefined,\r\n      end: undefined,\r\n    })\r\n\r\n    const formatRef = computed(() => cfg.value.format as DateFormatType)\r\n    const text = useDateText(\r\n      formatRef,\r\n      computed(() => props.modelValue),\r\n    )\r\n    const textStart = useDateText(\r\n      formatRef,\r\n      computed(() => props.start),\r\n    )\r\n    const textEnd = useDateText(\r\n      formatRef,\r\n      computed(() => props.end),\r\n    )\r\n\r\n    const quickActive = computed(() =>\r\n      isRange.value\r\n        ? isQuickRangeActive(props.quickKey, props.start, props.end)\r\n        : false,\r\n    )\r\n    const quickText = computed(() =>\r\n      quickActive.value ? getQuickDateText(props.quickKey, t) : undefined,\r\n    )\r\n\r\n    /** 插槽/展示用：日期区间文案 */\r\n    const rangeDisplayText = computed(() => {\r\n      if (isRange.value) {\r\n        const start = textStart.value\r\n        const end = textEnd.value\r\n        if (!start && !end) return undefined\r\n        return `${start || startDatePlaceholder.value} ~ ${end || endDatePlaceholder.value}`\r\n      }\r\n      return text.value as string | undefined\r\n    })\r\n\r\n    /** 触发器展示：快捷选中有效时用快捷描述，否则用日期文案 */\r\n    const slotDisplayText = computed(\r\n      () => quickText.value || rangeDisplayText.value,\r\n    )\r\n\r\n    /** 内置 Trigger 用：快捷选中时显示描述；否则范围模式为 [start, ~, end] */\r\n    const triggerText = computed(() => {\r\n      if (quickText.value) return quickText.value\r\n      if (isRange.value) {\r\n        const start = textStart.value\r\n        const end = textEnd.value\r\n        if (start || end) {\r\n          return [\r\n            start || startDatePlaceholder.value,\r\n            <span>~</span>,\r\n            end || endDatePlaceholder.value,\r\n          ]\r\n        }\r\n        return undefined\r\n      }\r\n      return text.value\r\n    })\r\n\r\n    const triggerPlaceholder = computed(() =>\r\n      isRange.value\r\n        ? `${startDatePlaceholder.value}~${endDatePlaceholder.value}`\r\n        : datePickerPlaceholder.value,\r\n    )\r\n\r\n    function open() {\r\n      if (!disabled.value) visible.value = true\r\n    }\r\n    function close() {\r\n      visible.value = false\r\n    }\r\n    function toggle() {\r\n      if (disabled.value) return\r\n      visible.value = !visible.value\r\n    }\r\n\r\n    function clear() {\r\n      emit('update:start', undefined)\r\n      emit('update:end', undefined)\r\n      emit('update:modelValue', undefined)\r\n      emit('update:quickKey', undefined)\r\n      emit('change', undefined)\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    const triggerSlotProps = computed<DatePickerTriggerSlotProps>(() => ({\r\n      text: slotDisplayText.value,\r\n      startText: textStart.value as string | undefined,\r\n      endText: textEnd.value as string | undefined,\r\n      quickKey: quickActive.value ? props.quickKey : undefined,\r\n      quickText: quickText.value,\r\n      placeholder: triggerPlaceholder.value,\r\n      startPlaceholder: startDatePlaceholder.value,\r\n      endPlaceholder: endDatePlaceholder.value,\r\n      visible: visible.value,\r\n      disabled: disabled.value,\r\n      clearable: cfg.value.clearable,\r\n      range: isRange.value,\r\n      clear,\r\n      open,\r\n      close,\r\n      toggle,\r\n    }))\r\n\r\n    const sizeVars = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('date-picker', props.size),\r\n        ...propColorToCssVars('date-picker', props.color),\r\n        '--w-prop-trigger-size': effectiveSizeVar('date-picker'),\r\n        '--w-prop-trigger-bg-color': effectiveBgVar('date-picker'),\r\n        '--w-prop-trigger-text-color': effectiveTextVar('date-picker'),\r\n        '--w-prop-layer-bg-color': effectiveBgVar('date-picker'),\r\n        '--w-prop-layer-text-color': effectiveTextVar('date-picker'),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n    const rootStyle = computed(() =>\r\n      mergeStyle(sizeVars.value, attrs.style as Record<string, any> | undefined),\r\n    )\r\n\r\n    const layerOptions = computed(() => ({\r\n      adjustPosition: cfg.value.adjustPosition,\r\n      immediate: true,\r\n      show: visible.value,\r\n      nearby: props.nearby,\r\n      disabled: disabled.value,\r\n      placement: 'bottom-start' as const,\r\n      gap: 2,\r\n      hasArrow: false,\r\n      transitionName: 'w-slide-y',\r\n      layerClass: [\r\n        'w-date-picker',\r\n        isRange.value ? 'w-date-picker-range' : '',\r\n      ],\r\n      layerStyle: sizeVars.value,\r\n      'onUpdate:show': (b: boolean) => {\r\n        visible.value = b\r\n      },\r\n    }))\r\n\r\n    function renderTrigger(layerProps?: {\r\n      toggle: () => void\r\n      hide: () => void\r\n      show: () => void\r\n      visible: boolean\r\n    }) {\r\n      if (slots.trigger) {\r\n        return slots.trigger({\r\n          ...triggerSlotProps.value,\r\n          visible: layerProps?.visible ?? visible.value,\r\n          open: layerProps?.show ?? open,\r\n          close: layerProps?.hide ?? close,\r\n          toggle: layerProps?.toggle ?? toggle,\r\n        })\r\n      }\r\n      const { style: _style, class: className, ...restAttrs } = attrs as Record<\r\n        string,\r\n        any\r\n      >\r\n      const triggerOptions = mergeProps(restAttrs, {\r\n        class: className,\r\n        placeholder: triggerPlaceholder.value,\r\n        disabled: disabled.value,\r\n        block: cfg.value.block,\r\n        clearable: cfg.value.clearable,\r\n        text: triggerText.value,\r\n        active: visible.value,\r\n        style: rootStyle.value,\r\n        onClear: clear,\r\n      })\r\n      return <Trigger {...triggerOptions} />\r\n    }\r\n\r\n    const { formatIsTime } = useDateView(formatRef)\r\n\r\n    async function maybeClose() {\r\n      emit('change')\r\n      await nextTick()\r\n      if (\r\n        !formatIsTime.value &&\r\n        props.start !== oldDateRange.start &&\r\n        props.end !== oldDateRange.end &&\r\n        props.start &&\r\n        props.end\r\n      ) {\r\n        visible.value = false\r\n      }\r\n    }\r\n\r\n    watch(\r\n      () => props.show,\r\n      (b) => {\r\n        visible.value = b\r\n      },\r\n    )\r\n    watch(visible, (b) => {\r\n      if (b) {\r\n        oldDateRange.start = props.start\r\n        oldDateRange.end = props.end\r\n      }\r\n      emit('update:show', b)\r\n    })\r\n\r\n    const startOpts = computed(() => ({\r\n      placeholder: startDatePlaceholder.value,\r\n      modelValue: props.start,\r\n      format: formatRef.value,\r\n      max: props.max,\r\n      'onUpdate:modelValue': (v: DateType) => {\r\n        emit('update:start', v)\r\n      },\r\n      onChange: maybeClose,\r\n    }))\r\n\r\n    const endOpts = computed(() => ({\r\n      placeholder: endDatePlaceholder.value,\r\n      modelValue: props.end,\r\n      format: formatRef.value,\r\n      min: props.min,\r\n      'onUpdate:modelValue': (v: DateType) => {\r\n        emit('update:end', v)\r\n      },\r\n      onChange: async (opts: { v: string; isClose: boolean }) => {\r\n        await nextTick()\r\n        if (formatIsTime.value && props.start && props.end && opts.isClose) {\r\n          visible.value = false\r\n        } else {\r\n          maybeClose()\r\n        }\r\n      },\r\n    }))\r\n\r\n    const datePanelOpts = computed(() => ({\r\n      modelValue: props.modelValue,\r\n      format: formatRef.value,\r\n      max: props.max,\r\n      min: props.min,\r\n      'onUpdate:modelValue': (v: DateType) => {\r\n        emit('update:modelValue', v)\r\n      },\r\n      onChange: (res: { v: string; isClose: boolean }) => {\r\n        if (res.isClose) {\r\n          visible.value = false\r\n        }\r\n      },\r\n    }))\r\n\r\n    const quickOpts = computed(() => ({\r\n      quickKey: props.quickKey,\r\n      start: props.start as string | undefined,\r\n      end: props.end as string | undefined,\r\n      onChange: async (v: DatePickerChangeQuickPayload) => {\r\n        emit('update:start', v.start)\r\n        emit('update:end', v.end)\r\n        emit('update:quickKey', v.key)\r\n        await nextTick()\r\n        emit('changeQuick', v)\r\n        visible.value = false\r\n      },\r\n    }))\r\n\r\n    expose({\r\n      getRangeDate: (k: TQuickKey) => getRangeDate(k),\r\n    } satisfies DatePickerExpose)\r\n\r\n    return () => (\r\n      <Layer {...layerOptions.value}>\r\n        {{\r\n          trigger: renderTrigger,\r\n          default: () =>\r\n            isRange.value ? (\r\n              <>\r\n                {cfg.value.hasQuick ? <QuickDate {...quickOpts.value} /> : null}\r\n                <div class=\"w-date-start-end\">\r\n                  <div>\r\n                    <DatePanel {...startOpts.value} />\r\n                  </div>\r\n                  <div class=\"w-date-range-gap\" />\r\n                  <div>\r\n                    <DatePanel {...endOpts.value} />\r\n                  </div>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <DatePanel {...datePanelOpts.value} />\r\n            ),\r\n        }}\r\n      </Layer>\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/date/Days.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { DateFormatType } from '../../config/types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    format: {
+        type: PropType<DateFormatType>;
+        default: string;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-day": (stringDate: string, date: Date) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    format: {
+        type: PropType<DateFormatType>;
+        default: string;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>> & Readonly<{
+    "onToggle-day"?: (stringDate: string, date: Date) => any;
+}>, {
+    format: DateFormatType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date/Days.js

@@ -0,0 +1,93 @@
+import { useUII18n } from "../../use/useUII18n.js";
+import useDate from "../../use/useDate.js";
+import { computed, createVNode, defineComponent, onMounted } from "vue";
+//#region components/date/Days.tsx
+var Days_default = /* @__PURE__ */ defineComponent({
+	name: "Days",
+	props: {
+		date: { type: [
+			Number,
+			Date,
+			String
+		] },
+		displayDate: { type: [
+			Number,
+			Date,
+			String
+		] },
+		format: {
+			type: String,
+			default: "yyyy-MM-dd"
+		},
+		max: { type: [
+			Number,
+			Date,
+			String
+		] },
+		min: { type: [
+			Number,
+			Date,
+			String
+		] }
+	},
+	emits: { "toggle-day": (stringDate, date) => {
+		return true;
+	} },
+	setup(props, { slots, emit }) {
+		const { day, dayMap, format, getDaysInPanel, isSameDay, isToday, isMinDayThanDate, isMaxDayThanDate } = useDate(computed(() => props.displayDate), computed(() => props.format));
+		const { t } = useUII18n();
+		function compareDate(d) {
+			const min = props.min, max = props.max;
+			if (min || max) {
+				let isMin = false, isMax = false;
+				if (min) isMin = isMinDayThanDate(d, min);
+				if (max) isMax = isMaxDayThanDate(d, max);
+				return isMin || isMax;
+			}
+			return false;
+		}
+		function renderDayItem(days, isCurrentMonth = false) {
+			return days.map(([y, m, d]) => {
+				const itemDate = new Date(y, m - 1, d);
+				const isDisabled = compareDate(itemDate);
+				const _isToday = isToday(itemDate);
+				const _isSelected = isSameDay(itemDate, props.date) && props.date !== void 0;
+				const dOptions = {
+					title: `${_isToday ? t("date.today") : ""}${y}-${m}-${d}`,
+					class: [
+						"w-date-item",
+						"w-date-item-day",
+						"w-date-item-circle",
+						{
+							"w-date-item-not-current": !isCurrentMonth,
+							"w-date-item-today": _isToday,
+							"w-date-item-selected": _isSelected,
+							"w-date-item-disabled": isDisabled
+						}
+					],
+					onClick: (e) => {
+						if (isDisabled) return;
+						emit("toggle-day", format(itemDate, "yyyy-MM-dd"), itemDate);
+					}
+				};
+				return createVNode("div", dOptions, [_isToday ? [createVNode("span", null, [d]), createVNode("span", { "class": "w-date-item-today-cur" }, null)] : d]);
+			});
+		}
+		function renderDaysList() {
+			const { prev, cur, next } = getDaysInPanel();
+			return [
+				renderDayItem(prev),
+				renderDayItem(cur, true),
+				renderDayItem(next)
+			];
+		}
+		onMounted(() => {});
+		return () => {
+			return createVNode("div", { "class": "w-days" }, [renderDaysList()]);
+		};
+	}
+});
+//#endregion
+export { Days_default as default };
+
+//# sourceMappingURL=Days.js.map

package/dist/components/date/Days.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Days.js","names":["onMounted","createVNode","_createVNode","defineComponent","computed","useDate","useUII18n","name","props","date","type","Number","Date","String","displayDate","format","default","max","min","emits","toggle-day","stringDate","setup","slots","emit","day","dayMap","getDaysInPanel","isSameDay","isToday","isMinDayThanDate","isMaxDayThanDate","t","compareDate","d","isMin","isMax","renderDayItem","days","isCurrentMonth","map","y","m","itemDate","isDisabled","_isToday","_isSelected","undefined","dOptions","title","class","onClick","e","ymd","renderDaysList","prev","cur","next","renderWeekTitleList","k","v","push"],"sources":["../../../components/date/Days.tsx"],"sourcesContent":["import { getCurrentInstance, onMounted, type VNode } from \"vue\"\r\nimport { defineComponent, computed, watch } from \"vue\"\r\nimport type { PropType } from \"vue\"\r\nimport type { DateFormatType } from \"../../config/types\"\r\nimport useDate from \"../../use/useDate\"\r\nimport { useUII18n } from \"../../use/useUII18n\"\r\n\r\nexport default defineComponent({\r\n  name: \"Days\",\r\n  props: {\r\n    //传入的日期（选择的日期）,可以是具体的某一天，也可以是年月，如：new Date('2022','3')\r\n    date: { type: [Number, Date, String] },\r\n    //displayDate是展示的日期\r\n    displayDate: { type: [Number, Date, String] },\r\n    format: {\r\n      type: String as PropType<DateFormatType>,\r\n      default: \"yyyy-MM-dd\",\r\n      // required: true\r\n    },\r\n    max: { type: [Number, Date, String] },\r\n    min: { type: [Number, Date, String] },\r\n  },\r\n  emits: {\r\n    \"toggle-day\": (stringDate: string, date: Date) => {\r\n      return true\r\n    },\r\n  },\r\n  setup(props, { slots, emit }) {\r\n    const {\r\n      day,\r\n      dayMap,\r\n      format,\r\n      getDaysInPanel,\r\n      isSameDay,\r\n      isToday,\r\n      isMinDayThanDate,\r\n      isMaxDayThanDate,\r\n    } = useDate(\r\n      computed(() => props.displayDate),\r\n      computed(() => props.format)\r\n    )\r\n    const { t } = useUII18n()\r\n\r\n    function compareDate(d: Date) {\r\n      const min = props.min,\r\n        max = props.max\r\n      if (min || max) {\r\n        let isMin = false,\r\n          isMax = false\r\n        if (min) {\r\n          isMin = isMinDayThanDate(d, min)\r\n        }\r\n        if (max) {\r\n          isMax = isMaxDayThanDate(d, max)\r\n        }\r\n        return isMin || isMax\r\n      }\r\n      return false\r\n    }\r\n\r\n    function renderDayItem(days: number[][], isCurrentMonth: boolean = false) {\r\n      return days.map(([y, m, d]) => {\r\n        const itemDate = new Date(y, m - 1, d)\r\n        const isDisabled = compareDate(itemDate)\r\n        //注意，js里的月份是从0开始的，所以new Date()里的月份要减1\r\n        const _isToday = isToday(itemDate)\r\n        const _isSelected =\r\n          isSameDay(itemDate, props.date) && props.date !== undefined\r\n        const dOptions = {\r\n          title: `${_isToday ? t(\"date.today\") : \"\"}${y}-${m}-${d}`,\r\n          class: [\r\n            \"w-date-item\",\r\n            \"w-date-item-day\",\r\n            \"w-date-item-circle\",\r\n            {\r\n              \"w-date-item-not-current\": !isCurrentMonth,\r\n              \"w-date-item-today\": _isToday,\r\n              \"w-date-item-selected\": _isSelected,\r\n              \"w-date-item-disabled\": isDisabled,\r\n            },\r\n          ],\r\n          onClick: (e: MouseEvent) => {\r\n            if (isDisabled) {\r\n              return\r\n            }\r\n            //注意：ymd只包括年月日\r\n            const ymd = format(itemDate, \"yyyy-MM-dd\")\r\n            emit(\"toggle-day\", ymd, itemDate)\r\n          },\r\n        }\r\n        return (\r\n          <div {...dOptions}>\r\n            {_isToday\r\n              ? [<span>{d}</span>, <span class=\"w-date-item-today-cur\"></span>]\r\n              : d}\r\n          </div>\r\n        )\r\n      })\r\n    }\r\n\r\n    function renderDaysList() {\r\n      const { prev, cur, next } = getDaysInPanel()\r\n      return [\r\n        renderDayItem(prev),\r\n        renderDayItem(cur, true),\r\n        renderDayItem(next),\r\n      ]\r\n    }\r\n\r\n    function renderWeekTitleList() {\r\n      const days: VNode[] = []\r\n      for (const [k, v] of dayMap) {\r\n        days.push(<b class={[\"w-date-item\"]}>{v}</b>)\r\n      }\r\n      return days\r\n    }\r\n\r\n    onMounted(() => {\r\n      // console.log(getCurrentInstance())\r\n    })\r\n    return () => {\r\n      return <div class={\"w-days\"}>{renderDaysList()}</div>\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;AAOA,IAAA,eAAeG,gCAAgB;CAC7BI,MAAM;CACNC,OAAO;EAELC,MAAM,EAAEC,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EAErCC,aAAa,EAAEJ,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EAC5CE,QAAQ;GACNL,MAAMG;GACNG,SAAS;EAEX;EACAC,KAAK,EAAEP,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EACpCK,KAAK,EAAER,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;CACtC;CACAM,OAAO,EACL,eAAeE,YAAoBZ,SAAe;EAChD,OAAO;CACT,EACF;CACAa,MAAMd,OAAO,EAAEe,OAAOC,QAAQ;EAC5B,MAAM,EACJC,KACAC,QACAX,QACAY,gBACAC,WACAC,SACAC,kBACAC,qBACE1B,QACFD,eAAeI,MAAMM,WAAW,GAChCV,eAAeI,MAAMO,MAAM,CAC7B;EACA,MAAM,EAAEiB,MAAM1B,UAAU;EAExB,SAAS2B,YAAYC,GAAS;GAC5B,MAAMhB,MAAMV,MAAMU,KAChBD,MAAMT,MAAMS;GACd,IAAIC,OAAOD,KAAK;IACd,IAAIkB,QAAQ,OACVC,QAAQ;IACV,IAAIlB,KACFiB,QAAQL,iBAAiBI,GAAGhB,GAAG;IAEjC,IAAID,KACFmB,QAAQL,iBAAiBG,GAAGjB,GAAG;IAEjC,OAAOkB,SAASC;GAClB;GACA,OAAO;EACT;EAEA,SAASC,cAAcC,MAAkBC,iBAA0B,OAAO;GACxE,OAAOD,KAAKE,KAAK,CAACC,GAAGC,GAAGR,OAAO;IAC7B,MAAMS,WAAW,IAAI/B,KAAK6B,GAAGC,IAAI,GAAGR,CAAC;IACrC,MAAMU,aAAaX,YAAYU,QAAQ;IAEvC,MAAME,WAAWhB,QAAQc,QAAQ;IACjC,MAAMG,cACJlB,UAAUe,UAAUnC,MAAMC,IAAI,KAAKD,MAAMC,SAASsC,KAAAA;IACpD,MAAMC,WAAW;KACfC,OAAO,GAAGJ,WAAWb,EAAE,YAAY,IAAI,KAAKS,EAAC,GAAIC,EAAC,GAAIR;KACtDgB,OAAO;MACL;MACA;MACA;MACA;OACE,2BAA2B,CAACX;OAC5B,qBAAqBM;OACrB,wBAAwBC;OACxB,wBAAwBF;MAC1B;KAAC;KAEHO,UAAUC,MAAkB;MAC1B,IAAIR,YACF;MAIFpB,KAAK,cADOT,OAAO4B,UAAU,YACVU,GAAKV,QAAQ;KAClC;IACF;IACA,OAAAzC,YAAA,OACW8C,UAAQ,CACdH,WACG,CAAA3C,YAAA,QAAA,MAAA,CAAQgC,CAAC,CAAA,GAAAhC,YAAA,QAAA,EAAA,SAAA,wBAAA,GAAA,IAAA,CAAA,IACTgC,CAAC,CAAA;GAGX,CAAC;EACH;EAEA,SAASoB,iBAAiB;GACxB,MAAM,EAAEC,MAAMC,KAAKC,SAAS9B,eAAe;GAC3C,OAAO;IACLU,cAAckB,IAAI;IAClBlB,cAAcmB,KAAK,IAAI;IACvBnB,cAAcoB,IAAI;GAAC;EAEvB;EAUAzD,gBAAgB,CACd,CACD;EACD,aAAa;GACX,OAAAE,YAAA,OAAA,EAAA,SAAmB,SAAQ,GAAA,CAAGoD,eAAe,CAAC,CAAA;EAChD;CACF;AACF,CAAC"}

package/dist/components/date/Months.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-month": (yearMonth: Date) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>> & Readonly<{
+    "onToggle-month"?: (yearMonth: Date) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date/Months.js

@@ -0,0 +1,87 @@
+import { useUII18n } from "../../use/useUII18n.js";
+import useDate from "../../use/useDate.js";
+import { computed, createVNode, defineComponent, readonly } from "vue";
+//#region components/date/Months.tsx
+var getMonthMap = (t) => readonly(/* @__PURE__ */ new Map([
+	[1, t("date.months.jan")],
+	[2, t("date.months.feb")],
+	[3, t("date.months.mar")],
+	[4, t("date.months.apr")],
+	[5, t("date.months.may")],
+	[6, t("date.months.jun")],
+	[7, t("date.months.jul")],
+	[8, t("date.months.aug")],
+	[9, t("date.months.sep")],
+	[10, t("date.months.oct")],
+	[11, t("date.months.nov")],
+	[12, t("date.months.dec")]
+]));
+var Months_default = /* @__PURE__ */ defineComponent({
+	name: "Months",
+	props: {
+		date: { type: [
+			Date,
+			String,
+			Number
+		] },
+		displayDate: { type: [
+			Date,
+			String,
+			Number
+		] },
+		max: { type: [
+			Number,
+			Date,
+			String
+		] },
+		min: { type: [
+			Number,
+			Date,
+			String
+		] }
+	},
+	emits: { "toggle-month": (yearMonth) => {
+		return yearMonth instanceof Date;
+	} },
+	setup(props, { emit, slots }) {
+		const { isSameMonth, year, isMinMonthThanDate, isMaxMonthThanDate } = useDate(computed(() => props.displayDate));
+		const { t } = useUII18n();
+		const monthMap = getMonthMap(t);
+		function compareDate(d) {
+			const min = props.min, max = props.max;
+			if (min || max) {
+				let isMin = false, isMax = false;
+				if (min) isMin = isMinMonthThanDate(d, min);
+				if (max) isMax = isMaxMonthThanDate(d, max);
+				return isMin || isMax;
+			}
+			return false;
+		}
+		function renderMonthList() {
+			let ms = [];
+			for (const [k, v] of monthMap) {
+				const isSelected = props.date && isSameMonth(props.date, new Date(year.value, k - 1));
+				const isCur = isSameMonth(/* @__PURE__ */ new Date(), new Date(year.value, k - 1));
+				const isDisabled = compareDate(new Date(year.value, k - 1));
+				const p = {
+					class: ["w-months-item", {
+						"w-months-item-selected": isSelected,
+						"w-months-item-current": isCur,
+						"w-months-item-disabled": isDisabled
+					}],
+					onClick: () => {
+						if (isDisabled) return;
+						emit("toggle-month", new Date(year.value, k - 1));
+					}
+				};
+				ms.push(createVNode("div", p, [isCur ? [createVNode("span", null, [v]), createVNode("span", { "class": "w-months-item-cur" }, null)] : v]));
+			}
+			return createVNode("div", { "class": "w-months" }, [ms]);
+		}
+		return renderMonthList;
+	}
+});
+//#endregion
+export { Months_default as default };
+
+//# sourceMappingURL=Months.js.map

package/dist/components/date/Months.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Months.js","names":["defineComponent","computed","readonly","createVNode","_createVNode","useDate","useUII18n","getMonthMap","t","Map","name","props","date","type","Date","String","Number","displayDate","max","min","emits","yearMonth","setup","emit","slots","isSameMonth","year","isMinMonthThanDate","isMaxMonthThanDate","monthMap","compareDate","d","isMin","isMax","renderMonthList","ms","k","v","isSelected","value","isCur","isDisabled","p","class","onClick","push"],"sources":["../../../components/date/Months.tsx"],"sourcesContent":["import type { VNode, PropType } from \"vue\"\r\nimport type { DateType } from \"../../config/types\"\r\nimport { defineComponent, computed, readonly } from \"vue\"\r\nimport useDate from \"../../use/useDate\"\r\nimport { useUII18n } from \"../../use/useUII18n\"\r\n\r\nconst getMonthMap = (t: Function) =>\r\n  readonly(\r\n    new Map([\r\n      [1, t(\"date.months.jan\")],\r\n      [2, t(\"date.months.feb\")],\r\n      [3, t(\"date.months.mar\")],\r\n      [4, t(\"date.months.apr\")],\r\n      [5, t(\"date.months.may\")],\r\n      [6, t(\"date.months.jun\")],\r\n      [7, t(\"date.months.jul\")],\r\n      [8, t(\"date.months.aug\")],\r\n      [9, t(\"date.months.sep\")],\r\n      [10, t(\"date.months.oct\")],\r\n      [11, t(\"date.months.nov\")],\r\n      [12, t(\"date.months.dec\")],\r\n    ])\r\n  )\r\n\r\n// interface Props {\r\n//   date: DateType\r\n//   displayDate: DateType\r\n// }\r\n\r\n// type Emit = {\r\n//   'toggle-month': (yearMonth: Date) => void\r\n// }\r\n\r\n// const Months: FunctionalComponent<Props, Emit> = (props, ctx) => {\r\n//   const { emit } = ctx\r\n//   const { isSameMonth, year } = useDate(computed(() => props.displayDate))\r\n//   return (() => {\r\n//     let ms: VNode[] = []\r\n//     for (const [k, v] of monthMap) {\r\n//       const isSelected =\r\n//         props.date && isSameMonth(props.date, new Date(year.value, k - 1))\r\n//       const isCur = isSameMonth(new Date(), new Date(year.value, k - 1))\r\n//       const p = {\r\n//         class: [\r\n//           'w-months-item',\r\n//           {\r\n//             'w-months-item-selected': isSelected,\r\n//             'w-months-item-current': isCur\r\n//           }\r\n//         ],\r\n//         onClick: () => {\r\n//           emit('toggle-month', new Date(year.value, k - 1))\r\n//         }\r\n//       }\r\n//       ms.push(\r\n//         <div {...p}>{isCur ? [<span>{v}</span>, <span>本月</span>] : v}</div>\r\n//       )\r\n//     }\r\n//     return <div class=\"w-months\">{ms}</div>\r\n//   })()\r\n// }\r\n// Months.emits = ['toggle-month']\r\n// export default Months\r\nexport default defineComponent({\r\n  name: \"Months\",\r\n  props: {\r\n    //传入的当前日期\r\n    date: { type: [Date, String, Number] },\r\n    //displayDate是展示的日期\r\n    displayDate: { type: [Date, String, Number] },\r\n    max: { type: [Number, Date, String] },\r\n    min: { type: [Number, Date, String] },\r\n  },\r\n  emits: {\r\n    \"toggle-month\": (yearMonth: Date) => {\r\n      return yearMonth instanceof Date\r\n    },\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const { isSameMonth, year, isMinMonthThanDate, isMaxMonthThanDate } =\r\n      useDate(computed(() => props.displayDate))\r\n    const { t } = useUII18n()\r\n    const monthMap = getMonthMap(t)\r\n    function compareDate(d: Date) {\r\n      const min = props.min,\r\n        max = props.max\r\n      if (min || max) {\r\n        let isMin = false,\r\n          isMax = false\r\n        if (min) {\r\n          isMin = isMinMonthThanDate(d, min)\r\n        }\r\n        if (max) {\r\n          isMax = isMaxMonthThanDate(d, max)\r\n        }\r\n        return isMin || isMax\r\n      }\r\n      return false\r\n    }\r\n    function renderMonthList() {\r\n      let ms: any[] = []\r\n      for (const [k, v] of monthMap) {\r\n        const isSelected =\r\n          props.date && isSameMonth(props.date, new Date(year.value, k - 1))\r\n        const isCur = isSameMonth(new Date(), new Date(year.value, k - 1))\r\n        const isDisabled = compareDate(new Date(year.value, k - 1))\r\n        const p = {\r\n          class: [\r\n            \"w-months-item\",\r\n            {\r\n              \"w-months-item-selected\": isSelected,\r\n              \"w-months-item-current\": isCur,\r\n              \"w-months-item-disabled\": isDisabled,\r\n            },\r\n          ],\r\n          onClick: () => {\r\n            if (isDisabled) {\r\n              return\r\n            }\r\n            const d = new Date(year.value, k - 1)\r\n            emit(\"toggle-month\", d)\r\n          },\r\n        }\r\n        ms.push(\r\n          <div {...p}>\r\n            {isCur\r\n              ? [<span>{v}</span>, <span class=\"w-months-item-cur\"></span>]\r\n              : v}\r\n          </div>\r\n        )\r\n      }\r\n      return <div class=\"w-months\">{ms}</div>\r\n    }\r\n    return renderMonthList\r\n  },\r\n})\r\n"],"mappings":";;;;AAMA,IAAMO,eAAeC,MACnBN,yBACE,IAAIO,IAAI;CACN,CAAC,GAAGD,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,GAAGA,EAAE,iBAAiB,CAAC;CACxB,CAAC,IAAIA,EAAE,iBAAiB,CAAC;CACzB,CAAC,IAAIA,EAAE,iBAAiB,CAAC;CACzB,CAAC,IAAIA,EAAE,iBAAiB,CAAC;AAAC,CAC3B,CACH;AAyCF,IAAA,iBAAeR,gCAAgB;CAC7BU,MAAM;CACNC,OAAO;EAELC,MAAM,EAAEC,MAAM;GAACC;GAAMC;GAAQC;EAAM,EAAE;EAErCC,aAAa,EAAEJ,MAAM;GAACC;GAAMC;GAAQC;EAAM,EAAE;EAC5CE,KAAK,EAAEL,MAAM;GAACG;GAAQF;GAAMC;EAAM,EAAE;EACpCI,KAAK,EAAEN,MAAM;GAACG;GAAQF;GAAMC;EAAM,EAAE;CACtC;CACAK,OAAO,EACL,iBAAiBC,cAAoB;EACnC,OAAOA,qBAAqBP;CAC9B,EACF;CACAQ,MAAMX,OAAO,EAAEY,MAAMC,SAAS;EAC5B,MAAM,EAAEC,aAAaC,MAAMC,oBAAoBC,uBAC7CvB,QAAQJ,eAAeU,MAAMM,WAAW,CAAC;EAC3C,MAAM,EAAET,MAAMF,UAAU;EACxB,MAAMuB,WAAWtB,YAAYC,CAAC;EAC9B,SAASsB,YAAYC,GAAS;GAC5B,MAAMZ,MAAMR,MAAMQ,KAChBD,MAAMP,MAAMO;GACd,IAAIC,OAAOD,KAAK;IACd,IAAIc,QAAQ,OACVC,QAAQ;IACV,IAAId,KACFa,QAAQL,mBAAmBI,GAAGZ,GAAG;IAEnC,IAAID,KACFe,QAAQL,mBAAmBG,GAAGb,GAAG;IAEnC,OAAOc,SAASC;GAClB;GACA,OAAO;EACT;EACA,SAASC,kBAAkB;GACzB,IAAIC,KAAY,CAAA;GAChB,KAAK,MAAM,CAACC,GAAGC,MAAMR,UAAU;IAC7B,MAAMS,aACJ3B,MAAMC,QAAQa,YAAYd,MAAMC,MAAM,IAAIE,KAAKY,KAAKa,OAAOH,IAAI,CAAC,CAAC;IACnE,MAAMI,QAAQf,4BAAY,IAAIX,KAAK,GAAG,IAAIA,KAAKY,KAAKa,OAAOH,IAAI,CAAC,CAAC;IACjE,MAAMK,aAAaX,YAAY,IAAIhB,KAAKY,KAAKa,OAAOH,IAAI,CAAC,CAAC;IAC1D,MAAMM,IAAI;KACRC,OAAO,CACL,iBACA;MACE,0BAA0BL;MAC1B,yBAAyBE;MACzB,0BAA0BC;KAC5B,CAAC;KAEHG,eAAe;MACb,IAAIH,YACF;MAGFlB,KAAK,gBAAgBQ,IADPjB,KAAKY,KAAKa,OAAOH,IAAI,CACdL,CAAC;KACxB;IACF;IACAI,GAAGU,KAAIzC,YAAA,OACIsC,GAAC,CACPF,QACG,CAAApC,YAAA,QAAA,MAAA,CAAQiC,CAAC,CAAA,GAAAjC,YAAA,QAAA,EAAA,SAAA,oBAAA,GAAA,IAAA,CAAA,IACTiC,CAAC,CAAA,CAET;GACF;GACA,OAAAjC,YAAA,OAAA,EAAA,SAAA,WAAA,GAAA,CAA8B+B,EAAE,CAAA;EAClC;EACA,OAAOD;CACT;AACF,CAAC"}

package/dist/components/date/QuickDate.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { TQuickKey } from '../../use/useDate';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    quickKey: PropType<TQuickKey>;
+    start: StringConstructor;
+    end: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (obj: {
+        key: TQuickKey;
+        start: string;
+        end: string;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    quickKey: PropType<TQuickKey>;
+    start: StringConstructor;
+    end: StringConstructor;
+}>> & Readonly<{
+    onChange?: (obj: {
+        key: TQuickKey;
+        start: string;
+        end: string;
+    }) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date/QuickDate.js

@@ -0,0 +1,48 @@
+import { useUII18n } from "../../use/useUII18n.js";
+import { getRangeDate, quickList } from "../../use/useDate.js";
+import { getQuickDateText, isQuickRangeActive } from "./_use/quickDate.js";
+import { createVNode, defineComponent } from "vue";
+//#region components/date/QuickDate.tsx
+var quickKeys = Object.keys(quickList);
+var QuickDate_default = /* @__PURE__ */ defineComponent({
+	name: "QuickDate",
+	props: {
+		quickKey: String,
+		start: String,
+		end: String
+	},
+	emits: { change: (obj) => true },
+	setup(props, { emit }) {
+		const rangeList = [];
+		quickKeys.forEach((k) => {
+			rangeList.push({
+				k,
+				range: getRangeDate(k)
+			});
+		});
+		const { t } = useUII18n();
+		function isActive(k) {
+			return props.quickKey === k && isQuickRangeActive(props.quickKey, props.start, props.end);
+		}
+		function onChange(k, range) {
+			emit("change", {
+				key: k,
+				start: range[0],
+				end: range[1]
+			});
+		}
+		return () => {
+			return createVNode("div", { "class": "w-date-quick" }, [rangeList.map(({ k, range }) => {
+				return createVNode("span", {
+					"class": ["w-date-quick-item", isActive(k) ? "w-date-quick-item-active" : ""],
+					"key": k,
+					"onClick": () => onChange(k, range)
+				}, [getQuickDateText(k, t)]);
+			})]);
+		};
+	}
+});
+//#endregion
+export { QuickDate_default as default };
+
+//# sourceMappingURL=QuickDate.js.map

package/dist/components/date/QuickDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickDate.js","names":["defineComponent","createVNode","_createVNode","getRangeDate","quickList","useUII18n","getQuickDateText","isQuickRangeActive","quickKeys","Object","keys","name","props","quickKey","String","start","end","emits","change","obj","setup","emit","rangeList","forEach","k","push","range","t","isActive","onChange","key","map","onClick"],"sources":["../../../components/date/QuickDate.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\r\nimport type { PropType } from 'vue'\r\nimport { getRangeDate, quickList } from '../../use/useDate'\r\nimport type { TQuickKey } from '../../use/useDate'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport { getQuickDateText, isQuickRangeActive } from './_use/quickDate'\r\n\r\nconst quickKeys = Object.keys(quickList) as TQuickKey[]\r\nexport default defineComponent({\r\n  name: 'QuickDate',\r\n  props: {\r\n    quickKey: String as PropType<TQuickKey>,\r\n    start: String,\r\n    end: String,\r\n  },\r\n  emits: {\r\n    change: (obj: { key: TQuickKey; start: string; end: string }) => true,\r\n  },\r\n  setup(props, { emit }) {\r\n    const rangeList: { k: TQuickKey; range: [string, string] }[] = []\r\n    quickKeys.forEach((k) => {\r\n      rangeList.push({ k, range: getRangeDate(k) })\r\n    })\r\n    const { t } = useUII18n()\r\n\r\n    function isActive(k: TQuickKey) {\r\n      return (\r\n        props.quickKey === k &&\r\n        isQuickRangeActive(props.quickKey, props.start, props.end)\r\n      )\r\n    }\r\n\r\n    function onChange(k: TQuickKey, range: [string, string]) {\r\n      emit('change', { key: k, start: range[0], end: range[1] })\r\n    }\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"w-date-quick\">\r\n          {rangeList.map(({ k, range }) => {\r\n            return (\r\n              <span\r\n                class={[\r\n                  'w-date-quick-item',\r\n                  isActive(k) ? 'w-date-quick-item-active' : '',\r\n                ]}\r\n                key={k}\r\n                onClick={() => onChange(k, range)}>\r\n                {getQuickDateText(k, t)}\r\n              </span>\r\n            )\r\n          })}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;;AAOA,IAAMQ,YAAYC,OAAOC,KAAKN,SAAS;AACvC,IAAA,oBAAeJ,gCAAgB;CAC7BW,MAAM;CACNC,OAAO;EACLC,UAAUC;EACVC,OAAOD;EACPE,KAAKF;CACP;CACAG,OAAO,EACLC,SAASC,QAAwD,KACnE;CACAC,MAAMR,OAAO,EAAES,QAAQ;EACrB,MAAMC,YAAyD,CAAA;EAC/Dd,UAAUe,SAASC,MAAM;GACvBF,UAAUG,KAAK;IAAED;IAAGE,OAAOvB,aAAaqB,CAAC;GAAE,CAAC;EAC9C,CAAC;EACD,MAAM,EAAEG,MAAMtB,UAAU;EAExB,SAASuB,SAASJ,GAAc;GAC9B,OACEZ,MAAMC,aAAaW,KACnBjB,mBAAmBK,MAAMC,UAAUD,MAAMG,OAAOH,MAAMI,GAAG;EAE7D;EAEA,SAASa,SAASL,GAAcE,OAAyB;GACvDL,KAAK,UAAU;IAAES,KAAKN;IAAGT,OAAOW,MAAM;IAAIV,KAAKU,MAAM;GAAG,CAAC;EAC3D;EAEA,aAAa;GACX,OAAAxB,YAAA,OAAA,EAAA,SAAA,eAAA,GAAA,CAEKoB,UAAUS,KAAK,EAAEP,GAAGE,YAAY;IAC/B,OAAAxB,YAAA,QAAA;KAAA,SAEW,CACL,qBACA0B,SAASJ,CAAC,IAAI,6BAA6B,EAAE;KAC9C,OACIA;KAAC,iBACSK,SAASL,GAAGE,KAAK;IAAC,GAAA,CAChCpB,iBAAiBkB,GAAGG,CAAC,CAAC,CAAA;GAG7B,CAAC,CAAC,CAAA;EAGR;CACF;AACF,CAAC"}

package/dist/components/date/Years.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    from: NumberConstructor;
+    to: NumberConstructor;
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-year": (year: number) => boolean;
+    "get-from-to": (from: number, to: number) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    date: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    displayDate: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    from: NumberConstructor;
+    to: NumberConstructor;
+    max: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+    };
+}>> & Readonly<{
+    "onToggle-year"?: (year: number) => any;
+    "onGet-from-to"?: (from: number, to: number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date/Years.js

@@ -0,0 +1,85 @@
+import { useUII18n } from "../../use/useUII18n.js";
+import useDate from "../../use/useDate.js";
+import { computed, createVNode, defineComponent } from "vue";
+//#region components/date/Years.tsx
+var Years_default = /* @__PURE__ */ defineComponent({
+	props: {
+		date: { type: [
+			Number,
+			Date,
+			String
+		] },
+		displayDate: { type: [
+			Number,
+			Date,
+			String
+		] },
+		from: Number,
+		to: Number,
+		max: { type: [
+			Number,
+			Date,
+			String
+		] },
+		min: { type: [
+			Number,
+			Date,
+			String
+		] }
+	},
+	emits: {
+		"toggle-year": (year) => {
+			return year >= 1700;
+		},
+		"get-from-to": (from, to) => {
+			if (from || to) return true;
+		}
+	},
+	setup(props, { emit, slots }) {
+		const { isMinYearThanDate, isMaxYearThanDate, getYearsInPanel, yearPanelLength } = useDate(computed(() => props.displayDate));
+		const { year: selectedYear } = useDate(computed(() => props.date));
+		const { t } = useUII18n();
+		const list = computed(() => {
+			if (props.from && props.to) return Array.from({ length: yearPanelLength }, (item, index) => index + props.from);
+			return [];
+		});
+		function compareDate(d) {
+			const min = props.min, max = props.max;
+			if (min || max) {
+				let isMin = false, isMax = false;
+				if (min) isMin = isMinYearThanDate(d, min);
+				if (max) isMax = isMaxYearThanDate(d, max);
+				return isMin || isMax;
+			}
+			return false;
+		}
+		function renderYearList() {
+			const { years: yearList, from, to } = getYearsInPanel();
+			emit("get-from-to", props.from || from, props.to || to);
+			let ms = [];
+			for (const v of list.value.length ? list.value : yearList) {
+				const isCur = (/* @__PURE__ */ new Date()).getFullYear() === v;
+				const isSelected = props.date === void 0 ? false : selectedYear.value === v;
+				const isDisabled = compareDate(new Date(v, 0));
+				const p = {
+					class: ["w-months-item", {
+						"w-months-item-current": isCur,
+						"w-months-item-selected": isSelected,
+						"w-months-item-disabled": isDisabled
+					}],
+					onClick: () => {
+						if (isDisabled) return;
+						emit("toggle-year", v);
+					}
+				};
+				ms.push(createVNode("div", p, [isCur ? [createVNode("span", null, [v]), createVNode("span", { "class": "w-months-item-cur" }, null)] : v]));
+			}
+			return createVNode("div", { "class": "w-months" }, [ms]);
+		}
+		return renderYearList;
+	}
+});
+//#endregion
+export { Years_default as default };
+
+//# sourceMappingURL=Years.js.map

package/dist/components/date/Years.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Years.js","names":["defineComponent","computed","createVNode","_createVNode","useDate","useUII18n","props","date","type","Number","Date","String","displayDate","from","to","max","min","emits","year","get-from-to","setup","emit","slots","isMinYearThanDate","isMaxYearThanDate","getYearsInPanel","yearPanelLength","selectedYear","t","list","a","Array","length","item","index","compareDate","d","isMin","isMax","renderYearList","years","yearList","ms","v","value","isCur","getFullYear","isSelected","undefined","isDisabled","p","class","onClick","push"],"sources":["../../../components/date/Years.tsx"],"sourcesContent":["import type { VNode } from \"vue\"\r\nimport { defineComponent, computed } from \"vue\"\r\nimport useDate from \"../../use/useDate\"\r\nimport { useUII18n } from \"../../use/useUII18n\"\r\n\r\nexport default defineComponent({\r\n  props: {\r\n    //传入的当前日期\r\n    date: { type: [Number, Date, String] },\r\n    //displayDate是展示的日期\r\n    displayDate: { type: [Number, Date, String] },\r\n    //from和to有值的时候，date和displayDate不要有值。\r\n    from: Number,\r\n    to: Number,\r\n    //最大日期最小日期\r\n    max: { type: [Number, Date, String] },\r\n    min: { type: [Number, Date, String] },\r\n  },\r\n  emits: {\r\n    \"toggle-year\": (year: number) => {\r\n      return year >= 1700\r\n    },\r\n    \"get-from-to\": (from: number, to: number) => {\r\n      if (from || to) {\r\n        return true\r\n      }\r\n    },\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const {\r\n      isMinYearThanDate,\r\n      isMaxYearThanDate,\r\n      getYearsInPanel,\r\n      yearPanelLength,\r\n    } = useDate(computed(() => props.displayDate))\r\n    const { year: selectedYear } = useDate(computed(() => props.date))\r\n    const { t } = useUII18n()\r\n\r\n    const list = computed(() => {\r\n      if (props.from && props.to) {\r\n        const a = Array.from(\r\n          { length: yearPanelLength },\r\n          (item, index) => index + props.from!\r\n        )\r\n        return a\r\n      }\r\n      return []\r\n    })\r\n\r\n    function compareDate(d: Date) {\r\n      const min = props.min,\r\n        max = props.max\r\n      if (min || max) {\r\n        let isMin = false,\r\n          isMax = false\r\n        if (min) {\r\n          isMin = isMinYearThanDate(d, min)\r\n        }\r\n        if (max) {\r\n          isMax = isMaxYearThanDate(d, max)\r\n        }\r\n        return isMin || isMax\r\n      }\r\n      return false\r\n    }\r\n\r\n    function renderYearList() {\r\n      const { years: yearList, from, to } = getYearsInPanel()\r\n      emit(\"get-from-to\", props.from || from, props.to || to)\r\n      let ms: any[] = []\r\n      // console.log(list.value, yearList, from, to)\r\n      for (const v of list.value.length ? list.value : yearList) {\r\n        const isCur = new Date().getFullYear() === v\r\n        const isSelected =\r\n          props.date === undefined ? false : selectedYear.value === v\r\n        const isDisabled = compareDate(new Date(v, 0))\r\n        const p = {\r\n          class: [\r\n            \"w-months-item\",\r\n            {\r\n              \"w-months-item-current\": isCur,\r\n              \"w-months-item-selected\": isSelected,\r\n              \"w-months-item-disabled\": isDisabled,\r\n            },\r\n          ],\r\n          onClick: () => {\r\n            if (isDisabled) {\r\n              return\r\n            }\r\n            emit(\"toggle-year\", v)\r\n          },\r\n        }\r\n        ms.push(\r\n          <div {...p}>\r\n            {isCur\r\n              ? [<span>{v}</span>, <span class=\"w-months-item-cur\"></span>]\r\n              : v}\r\n          </div>\r\n        )\r\n      }\r\n      return <div class=\"w-months\">{ms}</div>\r\n    }\r\n    return renderYearList\r\n  },\r\n})\r\n"],"mappings":";;;;AAKA,IAAA,gBAAeA,gCAAgB;CAC7BM,OAAO;EAELC,MAAM,EAAEC,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EAErCC,aAAa,EAAEJ,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EAE5CE,MAAMJ;EACNK,IAAIL;EAEJM,KAAK,EAAEP,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;EACpCK,KAAK,EAAER,MAAM;GAACC;GAAQC;GAAMC;EAAM,EAAE;CACtC;CACAM,OAAO;EACL,gBAAgBC,SAAiB;GAC/B,OAAOA,QAAQ;EACjB;EACA,gBAAgBL,MAAcC,OAAe;GAC3C,IAAID,QAAQC,IACV,OAAO;EAEX;CACF;CACAM,MAAMd,OAAO,EAAEe,MAAMC,SAAS;EAC5B,MAAM,EACJC,mBACAC,mBACAC,iBACAC,oBACEtB,QAAQH,eAAeK,MAAMM,WAAW,CAAC;EAC7C,MAAM,EAAEM,MAAMS,iBAAiBvB,QAAQH,eAAeK,MAAMC,IAAI,CAAC;EACjE,MAAM,EAAEqB,MAAMvB,UAAU;EAExB,MAAMwB,OAAO5B,eAAe;GAC1B,IAAIK,MAAMO,QAAQP,MAAMQ,IAKtB,OAJUiB,MAAMlB,KACd,EAAEmB,QAAQN,gBAAgB,IACzBO,MAAMC,UAAUA,QAAQ5B,MAAMO,IAE1BiB;GAET,OAAO,CAAA;EACT,CAAC;EAED,SAASK,YAAYC,GAAS;GAC5B,MAAMpB,MAAMV,MAAMU,KAChBD,MAAMT,MAAMS;GACd,IAAIC,OAAOD,KAAK;IACd,IAAIsB,QAAQ,OACVC,QAAQ;IACV,IAAItB,KACFqB,QAAQd,kBAAkBa,GAAGpB,GAAG;IAElC,IAAID,KACFuB,QAAQd,kBAAkBY,GAAGrB,GAAG;IAElC,OAAOsB,SAASC;GAClB;GACA,OAAO;EACT;EAEA,SAASC,iBAAiB;GACxB,MAAM,EAAEC,OAAOC,UAAU5B,MAAMC,OAAOW,gBAAgB;GACtDJ,KAAK,eAAef,MAAMO,QAAQA,MAAMP,MAAMQ,MAAMA,EAAE;GACtD,IAAI4B,KAAY,CAAA;GAEhB,KAAK,MAAMC,KAAKd,KAAKe,MAAMZ,SAASH,KAAKe,QAAQH,UAAU;IACzD,MAAMI,yBAAQ,IAAInC,KAAK,EAAA,CAAEoC,YAAY,MAAMH;IAC3C,MAAMI,aACJzC,MAAMC,SAASyC,KAAAA,IAAY,QAAQrB,aAAaiB,UAAUD;IAC5D,MAAMM,aAAad,YAAY,IAAIzB,KAAKiC,GAAG,CAAC,CAAC;IAC7C,MAAMO,IAAI;KACRC,OAAO,CACL,iBACA;MACE,yBAAyBN;MACzB,0BAA0BE;MAC1B,0BAA0BE;KAC5B,CAAC;KAEHG,eAAe;MACb,IAAIH,YACF;MAEF5B,KAAK,eAAesB,CAAC;KACvB;IACF;IACAD,GAAGW,KAAIlD,YAAA,OACI+C,GAAC,CACPL,QACG,CAAA1C,YAAA,QAAA,MAAA,CAAQwC,CAAC,CAAA,GAAAxC,YAAA,QAAA,EAAA,SAAA,oBAAA,GAAA,IAAA,CAAA,IACTwC,CAAC,CAAA,CAET;GACF;GACA,OAAAxC,YAAA,OAAA,EAAA,SAAA,WAAA,GAAA,CAA8BuC,EAAE,CAAA;EAClC;EACA,OAAOH;CACT;AACF,CAAC"}

package/dist/components/date/_use/quickDate.d.ts

@@ -0,0 +1,4 @@
+import { TQuickKey } from '../../../use/useDate';
+export declare function getQuickDateText(key: TQuickKey | undefined, t: (path: string) => string): string | undefined;
+/** quickKey 仍与当前起止区间匹配时视为快捷选中有效 */
+export declare function isQuickRangeActive(quickKey: TQuickKey | undefined, start: string | number | Date | undefined, end: string | number | Date | undefined): boolean;

package/dist/components/date/_use/quickDate.js

@@ -0,0 +1,30 @@
+import { getRangeDate } from "../../../use/useDate.js";
+import { isSameDay } from "date-fns";
+//#region components/date/_use/quickDate.ts
+/** i18n 文案 key 映射（与 locales date.quickDates 对应） */
+var QUICK_I18N_KEY = {
+	Today: "date.quickDates.today",
+	Yesterday: "date.quickDates.yesterday",
+	Recent3Day: "date.quickDates.recent3Days",
+	Recent7Day: "date.quickDates.recent7Days",
+	ThisWeek: "date.quickDates.thisWeek",
+	PreWeek: "date.quickDates.lastWeek",
+	ThisMonth: "date.quickDates.thisMonth",
+	PreMonth: "date.quickDates.lastMonth",
+	ThisYear: "date.quickDates.thisYear"
+};
+function getQuickDateText(key, t) {
+	if (!key) return void 0;
+	const path = QUICK_I18N_KEY[key];
+	return path ? t(path) : key;
+}
+/** quickKey 仍与当前起止区间匹配时视为快捷选中有效 */
+function isQuickRangeActive(quickKey, start, end) {
+	if (!quickKey || start == null || end == null || start === "" || end === "") return false;
+	const [qs, qe] = getRangeDate(quickKey);
+	return isSameDay(start, qs) && isSameDay(end, qe);
+}
+//#endregion
+export { getQuickDateText, isQuickRangeActive };
+
+//# sourceMappingURL=quickDate.js.map

package/dist/components/date/_use/quickDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quickDate.js","names":[],"sources":["../../../../components/date/_use/quickDate.ts"],"sourcesContent":["import { isSameDay } from 'date-fns'\r\nimport { getRangeDate, type TQuickKey } from '../../../use/useDate'\r\n\r\n/** i18n 文案 key 映射（与 locales date.quickDates 对应） */\r\nconst QUICK_I18N_KEY: Record<TQuickKey, string> = {\r\n  Today: 'date.quickDates.today',\r\n  Yesterday: 'date.quickDates.yesterday',\r\n  Recent3Day: 'date.quickDates.recent3Days',\r\n  Recent7Day: 'date.quickDates.recent7Days',\r\n  ThisWeek: 'date.quickDates.thisWeek',\r\n  PreWeek: 'date.quickDates.lastWeek',\r\n  ThisMonth: 'date.quickDates.thisMonth',\r\n  PreMonth: 'date.quickDates.lastMonth',\r\n  ThisYear: 'date.quickDates.thisYear',\r\n}\r\n\r\nexport function getQuickDateText(\r\n  key: TQuickKey | undefined,\r\n  t: (path: string) => string,\r\n): string | undefined {\r\n  if (!key) return undefined\r\n  const path = QUICK_I18N_KEY[key]\r\n  return path ? t(path) : key\r\n}\r\n\r\n/** quickKey 仍与当前起止区间匹配时视为快捷选中有效 */\r\nexport function isQuickRangeActive(\r\n  quickKey: TQuickKey | undefined,\r\n  start: string | number | Date | undefined,\r\n  end: string | number | Date | undefined,\r\n): boolean {\r\n  if (!quickKey || start == null || end == null || start === '' || end === '') {\r\n    return false\r\n  }\r\n  const [qs, qe] = getRangeDate(quickKey)\r\n  return isSameDay(start as any, qs) && isSameDay(end as any, qe)\r\n}\r\n"],"mappings":";;;;AAIA,IAAM,iBAA4C;CAChD,OAAO;CACP,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,UAAU;CACV,SAAS;CACT,WAAW;CACX,UAAU;CACV,UAAU;AACZ;AAEA,SAAgB,iBACd,KACA,GACoB;CACpB,IAAI,CAAC,KAAK,OAAO,KAAA;CACjB,MAAM,OAAO,eAAe;CAC5B,OAAO,OAAO,EAAE,IAAI,IAAI;AAC1B;;AAGA,SAAgB,mBACd,UACA,OACA,KACS;CACT,IAAI,CAAC,YAAY,SAAS,QAAQ,OAAO,QAAQ,UAAU,MAAM,QAAQ,IACvE,OAAO;CAET,MAAM,CAAC,IAAI,MAAM,aAAa,QAAQ;CACtC,OAAO,UAAU,OAAc,EAAE,KAAK,UAAU,KAAY,EAAE;AAChE"}