sl-ui-pc 2.12.7-beta1 → 2.12.7

package/es/components/calendar/src/calendar2.mjs

@@ -1,49 +1,382 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { isArray, isDate } from '@vue/shared';
-import { UPDATE_MODEL_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
+import { SlButtonGroup, SlButton } from '../../button/index.mjs';
+import DateTable from './date-table2.mjs';
+import { useCalendar } from './use-calendar.mjs';
+import { calendarProps, calendarEmits } from './calendar.mjs';
+import { Solar } from '../../../utils/lunarDay/Solar.mjs';
+import { Lunar } from '../../../utils/lunarDay/Lunar.mjs';
+import { HolidayUtil } from '../../../utils/lunarDay/HolidayUtil.mjs';
+import { I18n } from '../../../utils/lunarDay/I18n.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-const isValidRange = (range) => isArray(range) && range.length === 2 && range.every((item) => isDate(item));
-const calendarProps = buildProps({
-  modelValue: {
-    type: Date
-  },
-  range: {
-    type: definePropType(Array),
-    validator: isValidRange
-  },
-  lunarDay: {
-    type: Boolean,
-    default: false
-  },
-  jieQi: {
-    type: Boolean,
-    default: false
-  },
-  festival: {
-    type: Boolean,
-    default: false
-  },
-  showIsWork: {
-    type: Boolean,
-    default: false
-  },
-  separator: {
-    type: String,
-    default: "/"
-  },
-  userFestivalList: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  userIsWorkList: {
-    type: definePropType(Object),
-    default: () => ({})
+const COMPONENT_NAME = "SlCalendar";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: calendarProps,
+  emits: calendarEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const ns = useNamespace("calendar");
+    I18n.init();
+    const {
+      calculateValidatedDateRange,
+      date,
+      pickDay,
+      realSelectedDay,
+      selectDate,
+      validatedRange
+    } = useCalendar(props, emit, COMPONENT_NAME);
+    const { t } = useLocale();
+    const i18nDate = computed(() => {
+      const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
+      return `${date.value.year()} ${t("el.datepicker.year")} ${t(pickedMonth)}`;
+    });
+    const today = computed(() => {
+      return /* @__PURE__ */ new Date();
+    });
+    const isToday = (day) => {
+      const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+      if (!dateRegex.test(day)) {
+        return false;
+      }
+      const inputDate = new Date(day);
+      return inputDate.getFullYear() === today.value.getFullYear() && inputDate.getMonth() === today.value.getMonth() && inputDate.getDate() === today.value.getDate();
+    };
+    const getWorkDom = (slotData) => {
+      const isWorkState = getIsWorkText(slotData);
+      return `<div class="${isWorkState === "\u73ED" ? ns.e("date-work") : isWorkState ? ns.e("date-rest") : ""}">${isWorkState}</div>`;
+    };
+    const getMoreData = (slotData) => {
+      return {
+        lunarText: getLunar(slotData),
+        lunarNum: getLunarNum(slotData),
+        festival: getFestival(slotData),
+        isWorking: getIsWork(slotData),
+        isRest: getIsRest(slotData),
+        jieQi: getJieQi(slotData)
+      };
+    };
+    const getSeparator = () => {
+      return ` ${props.separator} `;
+    };
+    const getFestivalText = (slotData, showSep = true) => {
+      let festivalList = [];
+      const lunarFes = getLunarFestival(slotData);
+      if (lunarFes.length > 0) {
+        festivalList = lunarFes;
+      } else {
+        festivalList = getFestival(slotData);
+      }
+      return festivalList.length > 0 ? (showSep ? getSeparator() : "") + festivalList[0] : "";
+    };
+    const getFestival = (slotData) => {
+      const solarDayArr = slotData.day.split("-");
+      const solarDay = Solar.fromYmd(Number(solarDayArr[0]), Number(solarDayArr[1]), Number(solarDayArr[2]));
+      const solarFestival = solarDay.getFestivals();
+      if (solarFestival.length > 0)
+        return solarFestival;
+      if (Object.keys(props.userFestivalList).length === 0)
+        return [];
+      const solarDayStr = solarDayArr.join("");
+      if (solarDayStr in props.userFestivalList)
+        return [props.userFestivalList[solarDayStr]];
+      return [];
+    };
+    const getLunarFestival = (slotData) => {
+      const lunar = getSolarToLunar(new Date(slotData.day));
+      return lunar.getFestivals();
+    };
+    const getIsWorkText = (slotData) => {
+      const isWork = getIsWork(slotData);
+      if (typeof isWork === "boolean") {
+        return isWork ? "\u73ED" : "\u4F11";
+      }
+      if (Object.keys(props.userIsWorkList).length === 0)
+        return "";
+      const solarDayStr = slotData.day.replaceAll("-", "");
+      if (solarDayStr in props.userIsWorkList)
+        return props.userIsWorkList[solarDayStr] ? "\u73ED" : "\u4F11";
+      return "";
+    };
+    const getIsWork = (slotData) => {
+      var _a;
+      const solarDayArr = slotData.day.split("-");
+      const holiday = HolidayUtil.getHoliday(Number(solarDayArr[0]), Number(solarDayArr[1]), Number(solarDayArr[2]));
+      const solarDayStr = solarDayArr.join("");
+      return (_a = holiday == null ? void 0 : holiday.isWork()) != null ? _a : props.userIsWorkList[solarDayStr];
+    };
+    const getIsRest = (slotData) => {
+      const isWork = getIsWork(slotData);
+      if (typeof isWork === "boolean") {
+        return !isWork;
+      } else {
+        const solarDayArr = slotData.day.split("-");
+        const solarDay = Solar.fromYmd(Number(solarDayArr[0]), Number(solarDayArr[1]), Number(solarDayArr[2]));
+        const week = solarDay.getWeek();
+        return week === 0 || week === 6;
+      }
+    };
+    const getSolarToLunar = (date2) => {
+      return Lunar.fromDate(date2);
+    };
+    const getJieQiText = (slotData) => {
+      const jieQi = getJieQi(slotData);
+      return jieQi ? getSeparator() + jieQi : "";
+    };
+    const getJieQi = (slotData) => {
+      const lunarDay = getSolarToLunar(slotData.date);
+      return lunarDay.getJieQi();
+    };
+    const getLunarText = (slotData) => {
+      return getSeparator() + getLunar(slotData);
+    };
+    const getLunar = (slotData) => {
+      const lunarDay = getSolarToLunar(slotData.date);
+      return lunarDay.getDayInChinese();
+    };
+    const getLunarNum = (slotData) => {
+      const lunarDay = getSolarToLunar(slotData.date);
+      return lunarDay.getDay();
+    };
+    const getExtendDom = (slotData) => {
+      const festival = getFestivalText(slotData);
+      if (props.festival && festival)
+        return `<div class="${ns.e("date-festival")}">${festival}</div>`;
+      const jieQiText = getJieQiText(slotData);
+      const lunarText = getLunarText(slotData);
+      return `<div class="${ns.e("date-lunar")} ${props.jieQi && jieQiText ? ns.e("date-jieQi") : ""}">${props.lunarDay ? props.jieQi ? jieQiText || lunarText : lunarText : props.jieQi ? jieQiText : ""}</div>`;
+    };
+    const convertDay = (date2) => {
+      return {
+        type: "current-month",
+        isSelected: false,
+        day: `${date2.getFullYear()}-${String(date2.getMonth() + 1).padStart(2, "0")}-${String(date2.getDate()).padStart(2, "0")}`,
+        date: date2
+      };
+    };
+    const getExtendFes = (date2) => {
+      const slotData = convertDay(date2);
+      return getFestivalText(slotData, false) || getJieQi(slotData) || getLunar(slotData);
+    };
+    const getLunarFestivalsByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getLunarFestival(slotData);
+    };
+    const getSolarFestivalsByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getFestival(slotData);
+    };
+    const getJieQiByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getJieQi(slotData);
+    };
+    const getLunarByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getLunar(slotData);
+    };
+    const getIsRestByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getIsRest(slotData);
+    };
+    const getIsWorkByDate = (date2) => {
+      const slotData = convertDay(date2);
+      return getIsWork(slotData);
+    };
+    expose({
+      selectedDay: realSelectedDay,
+      pickDay,
+      selectDate,
+      calculateValidatedDateRange,
+      getExtendFes,
+      getLunarFestivalsByDate,
+      getSolarFestivalsByDate,
+      getJieQiByDate,
+      getLunarByDate,
+      getIsRestByDate,
+      getIsWorkByDate
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          renderSlot(_ctx.$slots, "header", { date: unref(i18nDate) }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(unref(i18nDate)), 3),
+            unref(validatedRange).length === 0 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(ns).e("button-group"))
+            }, [
+              createVNode(unref(SlButtonGroup), null, {
+                default: withCtx(() => [
+                  createVNode(unref(SlButton), {
+                    size: "small",
+                    onClick: ($event) => unref(selectDate)("prev-month")
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("el.datepicker.prevMonth")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(unref(SlButton), {
+                    size: "small",
+                    onClick: ($event) => unref(selectDate)("today")
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("el.datepicker.today")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(unref(SlButton), {
+                    size: "small",
+                    onClick: ($event) => unref(selectDate)("next-month")
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("el.datepicker.nextMonth")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ], 2)) : createCommentVNode("v-if", true)
+          ])
+        ], 2),
+        unref(validatedRange).length === 0 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          createVNode(DateTable, {
+            date: unref(date),
+            "selected-day": unref(realSelectedDay),
+            onPick: unref(pickDay)
+          }, {
+            "date-cell": withCtx((data) => [
+              createElementVNode("div", {
+                class: normalizeClass([
+                  unref(ns).e("block"),
+                  unref(ns).is("block-rest", _ctx.festival && getIsRest(data.data))
+                ])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("container-title"))
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e("lunar-header"))
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).e("date-day"))
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass([
+                          unref(ns).e("date-solar"),
+                          unref(ns).is("date-not-current-month", data.data.type !== "current-month"),
+                          unref(ns).is("date-today", isToday(data.data.day))
+                        ])
+                      }, toDisplayString(data.data.day.split("-")[2].replace(/^0/, "")), 3),
+                      createElementVNode("div", {
+                        innerHTML: getExtendDom(data.data)
+                      }, null, 8, ["innerHTML"])
+                    ], 2),
+                    _ctx.showIsWork ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(unref(ns).e("date-is-work"))
+                    }, [
+                      createElementVNode("div", {
+                        innerHTML: getWorkDom(data.data)
+                      }, null, 8, ["innerHTML"])
+                    ], 2)) : createCommentVNode("v-if", true)
+                  ], 2)
+                ], 2),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("container-content"))
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    data: data.data,
+                    moreData: getMoreData(data.data)
+                  })
+                ], 2)
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["date", "selected-day", "onPick"])
+        ], 2)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(validatedRange), (range_, index) => {
+            return openBlock(), createBlock(DateTable, {
+              key: index,
+              date: range_[0],
+              "selected-day": unref(realSelectedDay),
+              range: range_,
+              "hide-header": index !== 0,
+              onPick: unref(pickDay)
+            }, {
+              "date-cell": withCtx((data) => [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    unref(ns).e("block"),
+                    unref(ns).is("block-rest", _ctx.festival && getIsRest(data.data))
+                  ])
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e("container-title"))
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).e("lunar-header"))
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass(unref(ns).e("date-day"))
+                      }, [
+                        createElementVNode("div", {
+                          class: normalizeClass([
+                            unref(ns).e("date-solar"),
+                            unref(ns).is("date-not-current-month", data.data.type !== "current-month"),
+                            unref(ns).is("date-today", isToday(data.data.day))
+                          ])
+                        }, toDisplayString(data.data.day.split("-")[2].replace(/^0/, "")), 3),
+                        createElementVNode("div", {
+                          innerHTML: getExtendDom(data.data)
+                        }, null, 8, ["innerHTML"])
+                      ], 2),
+                      _ctx.showIsWork ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(unref(ns).e("date-is-work"))
+                      }, [
+                        createElementVNode("div", {
+                          innerHTML: getWorkDom(data.data)
+                        }, null, 8, ["innerHTML"])
+                      ], 2)) : createCommentVNode("v-if", true)
+                    ], 2)
+                  ], 2),
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e("container-content"))
+                  }, [
+                    renderSlot(_ctx.$slots, "default", {
+                      data: data.data,
+                      moreData: getMoreData(data.data)
+                    })
+                  ], 2)
+                ], 2)
+              ]),
+              _: 2
+            }, 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
+          }), 128))
+        ], 2))
+      ], 2);
+    };
   }
 });
-const calendarEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isDate(value),
-  [INPUT_EVENT]: (value) => isDate(value)
-};
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "calendar.vue"]]);
 
-export { calendarEmits, calendarProps };
+export { Calendar as default };
 //# sourceMappingURL=calendar2.mjs.map

package/es/components/calendar/src/calendar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar2.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { buildProps, definePropType, isArray, isDate } from '@sl-ui-pc/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@sl-ui-pc/constants'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport type CalendarDateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst isValidRange = (range: unknown): range is [Date, Date] =>\n  isArray(range) && range.length === 2 && range.every((item) => isDate(item))\n\nexport const calendarProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Date,\n  },\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: isValidRange,\n  },\n  /**\n   * @description whether to show lunar day\n   */\n  lunarDay: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description whether to show solar terms (jieqi)\n   */\n  jieQi: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description whether to show festivals\n   */\n  festival: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description whether to show work/rest status\n   */\n  showIsWork: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description separator for calendar display\n   */\n  separator: {\n    type: String,\n    default: '/',\n  },\n  /**\n   * @description user custom festivals\n   */\n  userFestivalList: {\n    type: definePropType<Record<string, string>>(Object),\n    default: () => ({}),\n  },\n  /**\n   * @description user custom work/rest schedule\n   */\n  userIsWorkList: {\n    type: definePropType<Record<string, boolean>>(Object),\n    default: () => ({}),\n  },\n} as const)\n\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\nexport type CalendarPropsPublic = __ExtractPublicPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => isDate(value),\n  [INPUT_EVENT]: (value: Date) => isDate(value),\n}\nexport type CalendarEmits = typeof calendarEmits\n\n// 扩展数据接口\nexport interface IExtendData {\n  lunarText: string // 农历中文\n  lunarNum: number // 农历数字\n  festival: string[] // 节日列表\n  isWorking: string | boolean | undefined // 调休中，休息或者补班\n  isRest: boolean // 当天是否休息，包括六日，放假，调休\n  jieQi: string // 节气\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAChG,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,IAAI;AACd,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;AAChD,EAAE,CAAC,WAAW,GAAG,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;AACzC;;;;"}
+{"version":3,"file":"calendar2.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('header')\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div :class=\"ns.e('title')\">{{ i18nDate }}</div>\n        <div v-if=\"validatedRange.length === 0\" :class=\"ns.e('button-group')\">\n          <sl-button-group>\n            <sl-button size=\"small\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </sl-button>\n            <sl-button size=\"small\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </sl-button>\n            <sl-button size=\"small\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </sl-button>\n          </sl-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" :class=\"ns.e('body')\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template #date-cell=\"data\">\n          <div\n            :class=\"[\n              ns.e('block'),\n              ns.is('block-rest', festival && getIsRest(data.data)),\n            ]\"\n          >\n            <div :class=\"ns.e('container-title')\">\n              <div :class=\"ns.e('lunar-header')\">\n                <div :class=\"ns.e('date-day')\">\n                  <div\n                    :class=\"[\n                      ns.e('date-solar'),\n                      ns.is(\n                        'date-not-current-month',\n                        data.data.type !== 'current-month'\n                      ),\n                      ns.is('date-today', isToday(data.data.day)),\n                    ]\"\n                  >\n                    {{ data.data.day.split('-')[2].replace(/^0/, '') }}\n                  </div>\n                  <div v-html=\"getExtendDom(data.data)\" />\n                </div>\n                <div v-if=\"showIsWork\" :class=\"ns.e('date-is-work')\">\n                  <div v-html=\"getWorkDom(data.data)\" />\n                </div>\n              </div>\n            </div>\n            <div :class=\"ns.e('container-content')\">\n              <slot\n                name=\"default\"\n                :data=\"data.data\"\n                :more-data=\"getMoreData(data.data)\"\n              />\n            </div>\n          </div>\n        </template>\n      </date-table>\n    </div>\n    <div v-else :class=\"ns.e('body')\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template #date-cell=\"data\">\n          <div\n            :class=\"[\n              ns.e('block'),\n              ns.is('block-rest', festival && getIsRest(data.data)),\n            ]\"\n          >\n            <div :class=\"ns.e('container-title')\">\n              <div :class=\"ns.e('lunar-header')\">\n                <div :class=\"ns.e('date-day')\">\n                  <div\n                    :class=\"[\n                      ns.e('date-solar'),\n                      ns.is(\n                        'date-not-current-month',\n                        data.data.type !== 'current-month'\n                      ),\n                      ns.is('date-today', isToday(data.data.day)),\n                    ]\"\n                  >\n                    {{ data.data.day.split('-')[2].replace(/^0/, '') }}\n                  </div>\n                  <div v-html=\"getExtendDom(data.data)\" />\n                </div>\n                <div v-if=\"showIsWork\" :class=\"ns.e('date-is-work')\">\n                  <div v-html=\"getWorkDom(data.data)\" />\n                </div>\n              </div>\n            </div>\n            <div :class=\"ns.e('container-content')\">\n              <slot\n                name=\"default\"\n                :data=\"data.data\"\n                :more-data=\"getMoreData(data.data)\"\n              />\n            </div>\n          </div>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { SlButton, SlButtonGroup } from '@sl-ui-pc/components/button'\nimport { useLocale, useNamespace } from '@sl-ui-pc/hooks'\nimport DateTable from './date-table.vue'\nimport { useCalendar } from './use-calendar'\nimport { type IExtendData, calendarEmits, calendarProps } from './calendar'\nimport { HolidayUtil, Lunar, Solar,I18n } from '@sl-ui-pc/utils/lunarDay'\n\nconst ns = useNamespace('calendar')\n\nconst COMPONENT_NAME = 'SlCalendar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(calendarProps)\nconst emit = defineEmits(calendarEmits)\n\nI18n.init()\n\nconst {\n  calculateValidatedDateRange,\n  date,\n  pickDay,\n  realSelectedDay,\n  selectDate,\n  validatedRange,\n} = useCalendar(props, emit, COMPONENT_NAME)\n\nconst { t } = useLocale()\n\nconst i18nDate = computed(() => {\n  const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n  return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n})\n\nconst today = computed(() => {\n  return new Date()\n})\n\n// 判断是否为今天\nconst isToday = (day: string) => {\n  const dateRegex = /^\\d{4}-\\d{2}-\\d{2}$/\n  if (!dateRegex.test(day)) {\n    return false\n  }\n\n  const inputDate = new Date(day)\n  return (\n    inputDate.getFullYear() === today.value.getFullYear() &&\n    inputDate.getMonth() === today.value.getMonth() &&\n    inputDate.getDate() === today.value.getDate()\n  )\n}\n\n// 获取调休DOM\nconst getWorkDom = (slotData: any) => {\n  const isWorkState = getIsWorkText(slotData)\n  return `<div class=\"${\n    isWorkState === '班'\n      ? ns.e('date-work')\n      : isWorkState\n      ? ns.e('date-rest')\n      : ''\n  }\">${isWorkState}</div>`\n}\n\n// 获取更多数据\nconst getMoreData = (slotData: any): IExtendData => {\n  return {\n    lunarText: getLunar(slotData),\n    lunarNum: getLunarNum(slotData),\n    festival: getFestival(slotData),\n    isWorking: getIsWork(slotData),\n    isRest: getIsRest(slotData),\n    jieQi: getJieQi(slotData),\n  }\n}\n\n// 获取日期分隔符\nconst getSeparator = () => {\n  return ` ${props.separator} `\n}\n\n// 获取节日显示文字\nconst getFestivalText = (slotData: any, showSep = true) => {\n  let festivalList = []\n  const lunarFes = getLunarFestival(slotData)\n  if (lunarFes.length > 0) {\n    festivalList = lunarFes\n  } else {\n    festivalList = getFestival(slotData)\n  }\n  return festivalList.length > 0\n    ? (showSep ? getSeparator() : '') + festivalList[0]\n    : ''\n}\n\n// 获取节日数组\nconst getFestival = (slotData: any) => {\n  const solarDayArr = slotData.day.split('-')\n  const solarDay = Solar.fromYmd(\n    Number(solarDayArr[0]),\n    Number(solarDayArr[1]),\n    Number(solarDayArr[2])\n  )\n  const solarFestival = solarDay.getFestivals()\n\n  if (solarFestival.length > 0) return solarFestival\n  if (Object.keys(props.userFestivalList).length === 0) return []\n\n  const solarDayStr = solarDayArr.join('')\n  if (solarDayStr in props.userFestivalList)\n    return [props.userFestivalList[solarDayStr]]\n  return []\n}\n\n// 获取阴历节日\nconst getLunarFestival = (slotData: any) => {\n  const lunar = getSolarToLunar(new Date(slotData.day))\n  return lunar.getFestivals()\n}\n\n// 获取是否调休文字\nconst getIsWorkText = (slotData: any) => {\n  const isWork = getIsWork(slotData)\n  if (typeof isWork === 'boolean') {\n    return isWork ? '班' : '休'\n  }\n  if (Object.keys(props.userIsWorkList).length === 0) return ''\n\n  const solarDayStr = slotData.day.replaceAll('-', '')\n  if (solarDayStr in props.userIsWorkList)\n    return props.userIsWorkList[solarDayStr] ? '班' : '休'\n  return ''\n}\n\n// 获取是否调休状态\nconst getIsWork = (slotData: any) => {\n  const solarDayArr = slotData.day.split('-')\n  const holiday = HolidayUtil.getHoliday(\n    Number(solarDayArr[0]),\n    Number(solarDayArr[1]),\n    Number(solarDayArr[2])\n  )\n  const solarDayStr = solarDayArr.join('')\n  return holiday?.isWork() ?? props.userIsWorkList[solarDayStr]\n}\n\n// 获取当天是否休息\nconst getIsRest = (slotData: any): boolean => {\n  const isWork = getIsWork(slotData)\n  if (typeof isWork === 'boolean') {\n    return !isWork\n  } else {\n    const solarDayArr = slotData.day.split('-')\n    const solarDay = Solar.fromYmd(\n      Number(solarDayArr[0]),\n      Number(solarDayArr[1]),\n      Number(solarDayArr[2])\n    )\n    const week = solarDay.getWeek()\n    return week === 0 || week === 6\n  }\n}\n\n// 阳历转农历\nconst getSolarToLunar = (date: Date) => {\n  return Lunar.fromDate(date)\n}\n\n// 获取节气文字\nconst getJieQiText = (slotData: any) => {\n  const jieQi = getJieQi(slotData)\n  return jieQi ? getSeparator() + jieQi : ''\n}\n\n// 获取节气\nconst getJieQi = (slotData: any) => {\n  const lunarDay = getSolarToLunar(slotData.date)\n  return lunarDay.getJieQi()\n}\n\n// 获取农历文字\nconst getLunarText = (slotData: any) => {\n  return getSeparator() + getLunar(slotData)\n}\n\n// 获取农历\nconst getLunar = (slotData: any) => {\n  const lunarDay = getSolarToLunar(slotData.date)\n  return lunarDay.getDayInChinese()\n}\n\n// 获取农历数字\nconst getLunarNum = (slotData: any) => {\n  const lunarDay = getSolarToLunar(slotData.date)\n  return lunarDay.getDay()\n}\n\n// 获取扩展DOM\nconst getExtendDom = (slotData: any) => {\n  const festival = getFestivalText(slotData)\n  if (props.festival && festival)\n    return `<div class=\"${ns.e('date-festival')}\">${festival}</div>`\n\n  const jieQiText = getJieQiText(slotData)\n  const lunarText = getLunarText(slotData)\n  return `<div class=\"${ns.e('date-lunar')} ${\n    props.jieQi && jieQiText ? ns.e('date-jieQi') : ''\n  }\">${\n    props.lunarDay\n      ? props.jieQi\n        ? jieQiText || lunarText\n        : lunarText\n      : props.jieQi\n      ? jieQiText\n      : ''\n  }</div>`\n}\n\n// 工具方法：将Date格式日期转化成插槽数据\nconst convertDay = (date: Date) => {\n  return {\n    type: 'current-month',\n    isSelected: false,\n    day: `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(\n      2,\n      '0'\n    )}-${String(date.getDate()).padStart(2, '0')}`,\n    date,\n  }\n}\n\n// 根据日期获取扩展内容\nconst getExtendFes = (date: Date) => {\n  const slotData = convertDay(date)\n  return (\n    getFestivalText(slotData, false) || getJieQi(slotData) || getLunar(slotData)\n  )\n}\n\n// 通过日期获取农历节日\nconst getLunarFestivalsByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getLunarFestival(slotData)\n}\n\n// 通过日期获取阳历节日\nconst getSolarFestivalsByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getFestival(slotData)\n}\n\n// 通过日期获取节气\nconst getJieQiByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getJieQi(slotData)\n}\n\n// 通过日期获取农历\nconst getLunarByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getLunar(slotData)\n}\n\n// 通过日期获取是否休息\nconst getIsRestByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getIsRest(slotData)\n}\n\n// 通过日期获取是否调休\nconst getIsWorkByDate = (date: Date) => {\n  const slotData = convertDay(date)\n  return getIsWork(slotData)\n}\n\ndefineExpose({\n  /** @description currently selected date */\n  selectedDay: realSelectedDay,\n  /** @description select a specific date */\n  pickDay,\n  /** @description select date */\n  selectDate,\n  /** @description Calculate the validate date range according to the start and end dates */\n  calculateValidatedDateRange,\n  // 新增的扩展方法\n  getExtendFes,\n  getLunarFestivalsByDate,\n  getSolarFestivalsByDate,\n  getJieQiByDate,\n  getLunarByDate,\n  getIsRestByDate,\n  getIsWorkByDate,\n})\n</script>\n"],"names":["date","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_toDisplayString","_createVNode"],"mappings":"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"}

package/es/components/calendar/src/date-table.mjs

@@ -1,95 +1,37 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot } from 'vue';
-import { dateTableProps, dateTableEmits } from './date-table2.mjs';
-import { useDateTable } from './use-date-table.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { rangeArr } from '../../time-picker/src/utils.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { isObject } from '@vue/shared';
 
-const __default__ = defineComponent({
-  name: "DateTable"
+const getPrevMonthLastDays = (date, count) => {
+  const lastDay = date.subtract(1, "month").endOf("month").date();
+  return rangeArr(count).map((_, index) => lastDay - (count - index - 1));
+};
+const getMonthDays = (date) => {
+  const days = date.daysInMonth();
+  return rangeArr(days).map((_, index) => index + 1);
+};
+const toNestedArr = (days) => rangeArr(days.length / 7).map((index) => {
+  const start = index * 7;
+  return days.slice(start, start + 7);
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: dateTableProps,
-  emits: dateTableEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const {
-      isInRange,
-      now,
-      rows,
-      weekDays,
-      getFormattedDate,
-      handlePickDay,
-      getSlotData
-    } = useDateTable(props, emit);
-    const nsTable = useNamespace("calendar-table");
-    const nsDay = useNamespace("calendar-day");
-    const getCellClass = ({ text, type }) => {
-      const classes = [type];
-      if (type === "current") {
-        const date = getFormattedDate(text, type);
-        if (date.isSame(props.selectedDay, "day")) {
-          classes.push(nsDay.is("selected"));
-        }
-        if (date.isSame(now, "day")) {
-          classes.push(nsDay.is("today"));
-        }
-      }
-      return classes;
-    };
-    expose({
-      getFormattedDate
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("table", {
-        class: normalizeClass([unref(nsTable).b(), unref(nsTable).is("range", unref(isInRange))]),
-        cellspacing: "0",
-        cellpadding: "0"
-      }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", { key: 0 }, [
-          createElementVNode("tr", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
-              return openBlock(), createElementBlock("th", {
-                key: day,
-                scope: "col"
-              }, toDisplayString(day), 1);
-            }), 128))
-          ])
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("tbody", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, index) => {
-            return openBlock(), createElementBlock("tr", {
-              key: index,
-              class: normalizeClass({
-                [unref(nsTable).e("row")]: true,
-                [unref(nsTable).em("row", "hide-border")]: index === 0 && _ctx.hideHeader
-              })
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, key) => {
-                return openBlock(), createElementBlock("td", {
-                  key,
-                  class: normalizeClass(getCellClass(cell)),
-                  onClick: ($event) => unref(handlePickDay)(cell)
-                }, [
-                  createElementVNode("div", {
-                    class: normalizeClass(unref(nsDay).b())
-                  }, [
-                    renderSlot(_ctx.$slots, "date-cell", {
-                      data: unref(getSlotData)(cell)
-                    }, () => [
-                      createElementVNode("span", null, toDisplayString(cell.text), 1)
-                    ])
-                  ], 2)
-                ], 10, ["onClick"]);
-              }), 128))
-            ], 2);
-          }), 128))
-        ])
-      ], 2);
-    };
+const dateTableProps = buildProps({
+  selectedDay: {
+    type: definePropType(Object)
+  },
+  range: {
+    type: definePropType(Array)
+  },
+  date: {
+    type: definePropType(Object),
+    required: true
+  },
+  hideHeader: {
+    type: Boolean
   }
 });
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "date-table.vue"]]);
+const dateTableEmits = {
+  pick: (value) => isObject(value)
+};
 
-export { DateTable as default };
+export { dateTableEmits, dateTableProps, getMonthDays, getPrevMonthLastDays, toNestedArr };
 //# sourceMappingURL=date-table.mjs.map

package/es/components/calendar/src/date-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-table.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <tr>\n        <th v-for=\"day in weekDays\" :key=\"day\" scope=\"col\">{{ day }}</th>\n      </tr>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"date-cell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@sl-ui-pc/hooks'\nimport { dateTableEmits, dateTableProps } from './date-table'\nimport { useDateTable } from './use-date-table'\n\nimport type { CalendarDateCell } from './date-table'\n\ndefineOptions({\n  name: 'DateTable',\n})\n\nconst props = defineProps(dateTableProps)\nconst emit = defineEmits(dateTableEmits)\n\nconst {\n  isInRange,\n  now,\n  rows,\n  weekDays,\n  getFormattedDate,\n  handlePickDay,\n  getSlotData,\n} = useDateTable(props, emit)\n\nconst nsTable = useNamespace('calendar-table')\nconst nsDay = useNamespace('calendar-day')\n\nconst getCellClass = ({ text, type }: CalendarDateCell) => {\n  const classes: string[] = [type]\n  if (type === 'current') {\n    const date = getFormattedDate(text, type)\n    if (date.isSame(props.selectedDay, 'day')) {\n      classes.push(nsDay.is('selected'))\n    }\n    if (date.isSame(now, 'day')) {\n      classes.push(nsDay.is('today'))\n    }\n  }\n  return classes\n}\n\ndefineExpose({\n  /** @description toggle date panel */\n  getFormattedDate,\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAI,YAAa,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAE5B,IAAM,MAAA,OAAA,GAAU,aAAa,gBAAgB,CAAA,CAAA;AAC7C,IAAM,MAAA,KAAA,GAAQ,aAAa,cAAc,CAAA,CAAA;AAEzC,IAAA,MAAM,YAAe,GAAA,CAAC,EAAE,IAAA,EAAM,MAA6B,KAAA;AACzD,MAAM,MAAA,OAAA,GAAoB,CAAC,IAAI,CAAA,CAAA;AAC/B,MAAA,IAAI,SAAS,SAAW,EAAA;AACtB,QAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AACxC,QAAA,IAAI,IAAK,CAAA,MAAA,CAAO,KAAM,CAAA,WAAA,EAAa,KAAK,CAAG,EAAA;AACzC,UAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,EAAG,CAAA,UAAU,CAAC,CAAA,CAAA;AAAA,SACnC;AACA,QAAA,IAAI,IAAK,CAAA,MAAA,CAAO,GAAK,EAAA,KAAK,CAAG,EAAA;AAC3B,UAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,EAAG,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,SAChC;AAAA,OACF;AACA,MAAO,OAAA,OAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAa,MAAA,CAAA;AAAA,MAAA,gBAAA;AAAA,KAEX,CAAA,CAAA;AAAA,IACF,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"date-table.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.ts"],"sourcesContent":["import { buildProps, definePropType, isObject } from '@sl-ui-pc/utils'\nimport { rangeArr } from '@sl-ui-pc/components/time-picker'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport type CalendarDateCellType = 'next' | 'prev' | 'current'\nexport type CalendarDateCell = {\n  text: number\n  type: CalendarDateCellType\n}\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport const toNestedArr = (days: CalendarDateCell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport const dateTableProps = buildProps({\n  selectedDay: {\n    type: definePropType<Dayjs>(Object),\n  },\n  range: {\n    type: definePropType<[Dayjs, Dayjs]>(Array),\n  },\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  hideHeader: {\n    type: Boolean,\n  },\n} as const)\nexport type DateTableProps = ExtractPropTypes<typeof dateTableProps>\nexport type DateTablePropsPublic = __ExtractPublicPropTypes<\n  typeof dateTableProps\n>\n\nexport const dateTableEmits = {\n  pick: (value: Dayjs) => isObject(value),\n}\nexport type DateTableEmits = typeof dateTableEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,oBAAoB,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK;AACrD,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;AAClE,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,OAAO,IAAI,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;AAC1E,EAAE;AACU,MAAC,YAAY,GAAG,CAAC,IAAI,KAAK;AACtC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAClC,EAAE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC;AACrD,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK;AAC9E,EAAE,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;AAC1B,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACtC,CAAC,EAAE;AACS,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClC;;;;"}