hzzt-plus 0.0.6 → 0.0.7

package/es/components/quarter-picker/index.mjs

@@ -0,0 +1,8 @@
+import '../../utils/index.mjs';
+import QuarterPicker from './src/index.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztQuarterPicker = withInstall(QuarterPicker);
+
+export { HzztQuarterPicker, HzztQuarterPicker as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/quarter-picker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/quarter-picker/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport QuarterPicker from './src/index.vue'\n\nexport const HzztQuarterPicker = withInstall(QuarterPicker)\nexport default HzztQuarterPicker\n"],"names":[],"mappings":";;;;AAEY,MAAC,iBAAiB,GAAG,WAAW,CAAC,aAAa;;;;"}

package/es/components/quarter-picker/src/hooks/util.d.ts

@@ -0,0 +1,7 @@
+import dayjs from 'dayjs';
+import type { Dayjs } from 'dayjs';
+export declare const parseDate: (date: string | number | Date, format: string | undefined, lang: string) => dayjs.Dayjs | undefined;
+export declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | Date | dayjs.Dayjs;
+export declare function hasClass(el: HTMLElement, cls: string): boolean;
+export declare function nextDate(date: Date, amount?: number): Date;
+export declare function range(n: number): number[];

package/es/components/quarter-picker/src/hooks/util.mjs

@@ -0,0 +1,35 @@
+import dayjs from 'dayjs';
+import '../../../../utils/index.mjs';
+import { isEmpty } from '../../../../utils/types.mjs';
+
+const parseDate = function(date, format, lang) {
+  const day = isEmpty(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
+  return day.isValid() ? day : void 0;
+};
+const formatter = function(date, format, lang) {
+  if (isEmpty(format))
+    return date;
+  if (format === "x")
+    return +date;
+  return dayjs(date).locale(lang).format(format);
+};
+function hasClass(el, cls) {
+  if (!el || !cls)
+    return false;
+  if (cls.includes(" "))
+    throw new Error("className should not contain space.");
+  if (el.classList) {
+    return el.classList.contains(cls);
+  } else {
+    return ` ${el.className} `.includes(` ${cls} `);
+  }
+}
+function nextDate(date, amount = 1) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+}
+function range(n) {
+  return Array.from({ length: n }).map((_, n2) => n2);
+}
+
+export { formatter, hasClass, nextDate, parseDate, range };
+//# sourceMappingURL=util.mjs.map

package/es/components/quarter-picker/src/hooks/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.mjs","sources":["../../../../../../../packages/components/quarter-picker/src/hooks/util.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport { isEmpty } from '@hzzt-plus/utils'\nimport type { Dayjs } from 'dayjs'\n\nexport const parseDate = function (\n  date: string | number | Date,\n  format: string | undefined,\n  lang: string\n) {\n  const day =\n    isEmpty(format) || format === 'x'\n      ? dayjs(date).locale(lang)\n      : dayjs(date, format).locale(lang)\n  return day.isValid() ? day : undefined\n}\n\nexport const formatter = function (\n  date: string | number | Date | Dayjs,\n  format: string | undefined,\n  lang: string\n) {\n  if (isEmpty(format)) return date\n  if (format === 'x') return +date\n  return dayjs(date).locale(lang).format(format)\n}\n\nexport function hasClass(el: HTMLElement, cls: string) {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  if (el.classList) {\n    return el.classList.contains(cls)\n  } else {\n    return ` ${el.className} `.includes(` ${cls} `)\n  }\n}\n\nexport function nextDate(date: Date, amount = 1) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount)\n}\n\nexport function range(n: number) {\n  return Array.from({ length: n }).map((_, n) => n)\n}\n"],"names":[],"mappings":";;;;AAEY,MAAC,SAAS,GAAG,SAAS,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;AACtD,EAAE,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9G,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC;AACtC,EAAE;AACU,MAAC,SAAS,GAAG,SAAS,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;AACtD,EAAE,IAAI,OAAO,CAAC,MAAM,CAAC;AACrB,IAAI,OAAO,IAAI,CAAC;AAChB,EAAE,IAAI,MAAM,KAAK,GAAG;AACpB,IAAI,OAAO,CAAC,IAAI,CAAC;AACjB,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACjD,EAAE;AACK,SAAS,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE;AAClC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG;AACjB,IAAI,OAAO,KAAK,CAAC;AACjB,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC;AACvB,IAAI,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;AAC3D,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACtC,GAAG,MAAM;AACT,IAAI,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,GAAG;AACH,CAAC;AACM,SAAS,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE;AAC3C,EAAE,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;AAChF,CAAC;AACM,SAAS,KAAK,CAAC,CAAC,EAAE;AACzB,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AACtD;;;;"}

package/es/components/quarter-picker/src/index.mjs

@@ -0,0 +1,276 @@
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, createElementVNode, toDisplayString, normalizeClass } from 'vue';
+import { useFormSize, useFormDisabled, ElPopover, ElInput } from 'element-plus';
+import dayjs from 'dayjs';
+import '../../../hooks/index.mjs';
+import HzztIcon from '../../icon/src/index.mjs';
+import { range, nextDate, parseDate, formatter, hasClass } from './hooks/util.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useSizeProp, useGlobalSize } from '../../../hooks/use-size/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const _hoisted_1 = { class: "el-date-picker" };
+const _hoisted_2 = { class: "el-picker-panel__body" };
+const _hoisted_3 = {
+  class: "el-date-picker__header el-date-picker__header--bordered",
+  style: { "margin": "0px", "line-height": "30px" }
+};
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = {
+  role: "button",
+  class: "el-date-picker__header-label"
+};
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = { class: "el-picker-panel__content" };
+const _hoisted_8 = { class: "cell" };
+const _hoisted_9 = { class: "cell" };
+const _hoisted_10 = { class: "cell" };
+const _hoisted_11 = { class: "cell" };
+const __default__ = defineComponent({
+  name: "HzztQuarterPicker"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    size: useSizeProp,
+    format: {
+      type: String,
+      default: "YYYY-Q"
+    },
+    valueFormat: String,
+    placeholder: String,
+    prefixIcon: String,
+    clearIcon: {
+      type: String,
+      default: "circle-close"
+    },
+    disabled: Boolean,
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    disabledDate: {
+      type: Function
+    },
+    modelValue: null
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const getDayCountOfQuarter = (year2, quarter) => {
+      switch (quarter) {
+        case 0:
+          if (year2 % 4 === 0 && year2 % 100 !== 0 || year2 % 400 === 0) {
+            return 91;
+          } else {
+            return 90;
+          }
+        case 1:
+          return 91;
+        default:
+          return 92;
+      }
+    };
+    const datesInYearAndQuarter = (year2, quarter) => {
+      const numOfDays = getDayCountOfQuarter(year2, quarter);
+      const firstDay = new Date(year2, quarter * 3, 1);
+      return range(numOfDays).map((n) => nextDate(firstDay, n));
+    };
+    const attrs = useAttrs();
+    const showClose = ref(false);
+    const pickerVisible = ref(false);
+    const referenceRef = ref();
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const { lang, t } = useLocale();
+    const innerDate = ref(dayjs().locale(lang.value));
+    const ns = useNamespace("quarter-picker");
+    const triggerClass = computed(() => props.prefixIcon || "calendar");
+    const parsedValue = computed(() => {
+      if (!props.modelValue) {
+        return props.modelValue;
+      }
+      return parseDate(props.modelValue, props.valueFormat, lang.value);
+    });
+    const displayValue = computed(() => {
+      if (!props.modelValue)
+        return null;
+      return formatter(parsedValue.value, props.format, lang.value);
+    });
+    const tableKls = computed(() => {
+      return [ns.e("table")];
+    });
+    const year = computed(() => innerDate.value.year());
+    const yearLabel = computed(() => `${year.value} ${t("hzzt.quarterpicker.year")}`);
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    watch(() => props.modelValue, (value) => {
+      innerDate.value = value ? parsedValue.value : dayjs().locale(lang.value);
+    });
+    function handleMouseEnter() {
+      if (!trueDisabled.value && props.modelValue && props.clearable) {
+        showClose.value = true;
+      }
+    }
+    function handleClickIcon() {
+      if (!trueDisabled.value && showClose.value) {
+        emit("update:modelValue", null);
+        emit("change", null);
+        showClose.value = false;
+        pickerVisible.value = false;
+        if (referenceRef.value) {
+          referenceRef.value.blur();
+        }
+      }
+    }
+    function handleMousedownIcon(event) {
+      event.preventDefault();
+    }
+    function handleTableClick(event) {
+      let target = event.target;
+      if (target.tagName === "A") {
+        target = target.parentElement;
+      }
+      if (target.tagName !== "TD" || hasClass(target, "disabled"))
+        return;
+      const column = target.cellIndex;
+      const row = target.parentElement && target.parentElement.rowIndex || 0;
+      const quarter = row * 2 + column;
+      const month = quarter * 3;
+      let newDate = new Date(year.value, month, 1);
+      if (props.valueFormat) {
+        newDate = formatter(newDate, props.valueFormat, lang.value);
+      }
+      pickerVisible.value = false;
+      emit("update:modelValue", newDate);
+      emit("change", newDate);
+    }
+    const moveByYear = (forward) => {
+      const currentDate = innerDate.value;
+      const action = forward ? "add" : "subtract";
+      innerDate.value = currentDate[action](1, "year");
+    };
+    function getCellStyle(quarter) {
+      const style = {
+        disabled: false,
+        current: false,
+        quarter: false
+      };
+      const today = dayjs().locale(lang.value);
+      const date = parsedValue.value ? parsedValue.value : today;
+      style.disabled = typeof props.disabledDate === "function" ? datesInYearAndQuarter(year.value, quarter).every(props.disabledDate) : false;
+      style.current = date.year() === year.value && Number.parseInt(`${date.month() / 3}`) === quarter;
+      style.quarter = today.year() === year.value && Number.parseInt(`${today.month() / 3}`) === quarter;
+      return style;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopover), {
+        visible: pickerVisible.value,
+        "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => pickerVisible.value = $event),
+        width: "auto",
+        "popper-class": "is-pure",
+        trigger: "click",
+        disabled: unref(trueDisabled),
+        placement: "bottom",
+        transition: "el-zoom-in-top"
+      }, {
+        reference: withCtx(() => [
+          createVNode(unref(ElInput), mergeProps({
+            ref_key: "referenceRef",
+            ref: referenceRef
+          }, unref(attrs), {
+            class: "el-date-editor",
+            readonly: "",
+            disabled: unref(trueDisabled),
+            size: unref(trueSize),
+            placeholder: __props.placeholder,
+            value: unref(displayValue),
+            "validate-event": false,
+            onMouseenter: handleMouseEnter,
+            onMouseleave: _cache[0] || (_cache[0] = ($event) => showClose.value = false)
+          }), {
+            prefix: withCtx(() => [
+              createVNode(HzztIcon, {
+                class: "el-input__icon",
+                name: unref(triggerClass)
+              }, null, 8, ["name"])
+            ]),
+            suffix: withCtx(() => [
+              showClose.value ? (openBlock(), createBlock(HzztIcon, {
+                key: 0,
+                class: "el-input__icon pointer",
+                name: __props.clearIcon,
+                onClick: handleClickIcon,
+                onMousedown: handleMousedownIcon
+              }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }, 16, ["disabled", "size", "placeholder", "value"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("button", {
+                  type: "button",
+                  "aria-label": unref(t)(`hzzt.quarterpicker.prevYear`),
+                  class: "el-picker-panel__icon-btn el-date-picker__prev-btn",
+                  onClick: _cache[1] || (_cache[1] = ($event) => moveByYear(false))
+                }, [
+                  createVNode(HzztIcon, { name: "d-arrow-left" })
+                ], 8, _hoisted_4),
+                createElementVNode("span", _hoisted_5, toDisplayString(unref(yearLabel)), 1),
+                createElementVNode("button", {
+                  type: "button",
+                  "aria-label": unref(t)(`hzzt.quarterpicker.nextYear`),
+                  class: "el-picker-panel__icon-btn el-date-picker__next-btn",
+                  onClick: _cache[2] || (_cache[2] = ($event) => moveByYear(true))
+                }, [
+                  createVNode(HzztIcon, { name: "d-arrow-right" })
+                ], 8, _hoisted_6)
+              ]),
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("table", {
+                  class: normalizeClass(unref(tableKls)),
+                  onClick: handleTableClick
+                }, [
+                  createElementVNode("tbody", null, [
+                    createElementVNode("tr", null, [
+                      createElementVNode("td", {
+                        class: normalizeClass(["available", getCellStyle(0)])
+                      }, [
+                        createElementVNode("a", _hoisted_8, toDisplayString(unref(t)(`hzzt.quarterpicker.firstQuarter`)), 1)
+                      ], 2),
+                      createElementVNode("td", {
+                        class: normalizeClass(["available", getCellStyle(1)])
+                      }, [
+                        createElementVNode("a", _hoisted_9, toDisplayString(unref(t)(`hzzt.quarterpicker.secondQuarter`)), 1)
+                      ], 2)
+                    ]),
+                    createElementVNode("tr", null, [
+                      createElementVNode("td", {
+                        class: normalizeClass(["available", getCellStyle(2)])
+                      }, [
+                        createElementVNode("a", _hoisted_10, toDisplayString(unref(t)(`hzzt.quarterpicker.thirdQuarter`)), 1)
+                      ], 2),
+                      createElementVNode("td", {
+                        class: normalizeClass(["available", getCellStyle(3)])
+                      }, [
+                        createElementVNode("a", _hoisted_11, toDisplayString(unref(t)(`hzzt.quarterpicker.fourthQuarter`)), 1)
+                      ], 2)
+                    ])
+                  ])
+                ], 2)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"]);
+    };
+  }
+});
+var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { QuarterPicker as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/quarter-picker/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/quarter-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-popover\n    v-model:visible=\"pickerVisible\"\n    width=\"auto\"\n    popper-class=\"is-pure\"\n    trigger=\"click\"\n    :disabled=\"trueDisabled\"\n    placement=\"bottom\"\n    transition=\"el-zoom-in-top\"\n  >\n    <template #reference>\n      <el-input\n        ref=\"referenceRef\"\n        v-bind=\"attrs\"\n        class=\"el-date-editor\"\n        readonly\n        :disabled=\"trueDisabled\"\n        :size=\"trueSize\"\n        :placeholder=\"placeholder\"\n        :value=\"displayValue\"\n        :validate-event=\"false\"\n        @mouseenter=\"handleMouseEnter\"\n        @mouseleave=\"showClose = false\"\n      >\n        <template #prefix>\n          <hzzt-icon class=\"el-input__icon\" :name=\"triggerClass\" />\n        </template>\n        <template #suffix>\n          <hzzt-icon\n            v-if=\"showClose\"\n            class=\"el-input__icon pointer\"\n            :name=\"clearIcon\"\n            @click=\"handleClickIcon\"\n            @mousedown=\"handleMousedownIcon\"\n          />\n        </template>\n      </el-input>\n    </template>\n    <div class=\"el-date-picker\">\n      <div class=\"el-picker-panel__body\">\n        <div\n          class=\"el-date-picker__header el-date-picker__header--bordered\"\n          style=\"margin: 0px; line-height: 30px\"\n        >\n          <button\n            type=\"button\"\n            :aria-label=\"t(`hzzt.quarterpicker.prevYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__prev-btn\"\n            @click=\"moveByYear(false)\"\n          >\n            <hzzt-icon name=\"d-arrow-left\" />\n          </button>\n          <span role=\"button\" class=\"el-date-picker__header-label\">{{\n            yearLabel\n          }}</span>\n          <button\n            type=\"button\"\n            :aria-label=\"t(`hzzt.quarterpicker.nextYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__next-btn\"\n            @click=\"moveByYear(true)\"\n          >\n            <hzzt-icon name=\"d-arrow-right\" />\n          </button>\n        </div>\n        <div class=\"el-picker-panel__content\">\n          <table :class=\"tableKls\" @click=\"handleTableClick\">\n            <tbody>\n              <tr>\n                <td class=\"available\" :class=\"getCellStyle(0)\">\n                  <a class=\"cell\">{{ t(`hzzt.quarterpicker.firstQuarter`) }}</a>\n                </td>\n                <td class=\"available\" :class=\"getCellStyle(1)\">\n                  <a class=\"cell\">{{\n                    t(`hzzt.quarterpicker.secondQuarter`)\n                  }}</a>\n                </td>\n              </tr>\n              <tr>\n                <td class=\"available\" :class=\"getCellStyle(2)\">\n                  <a class=\"cell\">{{ t(`hzzt.quarterpicker.thirdQuarter`) }}</a>\n                </td>\n                <td class=\"available\" :class=\"getCellStyle(3)\">\n                  <a class=\"cell\">{{\n                    t(`hzzt.quarterpicker.fourthQuarter`)\n                  }}</a>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  </el-popover>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, watch } from 'vue'\nimport { ElInput, ElPopover, useFormDisabled, useFormSize } from 'element-plus'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport {\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\nimport { formatter, hasClass, nextDate, parseDate, range } from './hooks/util'\n\n// 获取指定年份和季度总天数\nconst getDayCountOfQuarter = (year: number, quarter: number) => {\n  switch (quarter) {\n    case 0: // 第一季度包含二月，需要对是否闰年进行判断处理\n      if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {\n        return 91\n      } else {\n        return 90\n      }\n    case 1:\n      return 91\n    default:\n      return 92\n  }\n}\n// 获取指定年份和季度的所有日期\nconst datesInYearAndQuarter = (year: number, quarter: number) => {\n  const numOfDays = getDayCountOfQuarter(year, quarter)\n  const firstDay = new Date(year, quarter * 3, 1)\n  return range(numOfDays).map((n: number) => nextDate(firstDay, n))\n}\n\ntype DateHandler = (date: Date) => boolean\n\ndefineOptions({\n  name: 'HzztQuarterPicker',\n})\n\nconst props = defineProps({\n  size: useSizeProp,\n  format: {\n    type: String,\n    default: 'YYYY-Q',\n  },\n  valueFormat: String,\n  placeholder: String,\n  prefixIcon: String,\n  clearIcon: {\n    type: String,\n    default: 'circle-close',\n  },\n  disabled: Boolean,\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  disabledDate: {\n    type: Function,\n  },\n  modelValue: null,\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst attrs = useAttrs()\n\nconst showClose = ref(false)\nconst pickerVisible = ref(false)\nconst referenceRef = ref()\n\nconst formSize = useFormSize()\nconst formDisabled = useFormDisabled()\nconst { lang, t } = useLocale()\n\nconst innerDate = ref(dayjs().locale(lang.value))\n\nconst ns = useNamespace('quarter-picker')\n\nconst triggerClass = computed(() => props.prefixIcon || 'calendar')\n\nconst parsedValue = computed(() => {\n  if (!props.modelValue) {\n    return props.modelValue\n  }\n  return parseDate(props.modelValue, props.valueFormat, lang.value)\n})\n\nconst displayValue = computed(() => {\n  if (!props.modelValue) return null\n  return formatter(parsedValue.value, props.format, lang.value)\n})\n\nconst tableKls = computed(() => {\n  return [ns.e('table')]\n})\n\nconst year = computed(() => innerDate.value.year())\nconst yearLabel = computed(\n  () => `${year.value} ${t('hzzt.quarterpicker.year')}`\n)\nconst trueSize = computed(\n  () => props.size || formSize.value || useGlobalSize().value\n)\nconst trueDisabled = computed(() => props.disabled || formDisabled.value)\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    innerDate.value = value ? parsedValue.value : dayjs().locale(lang.value)\n  }\n)\n\nfunction handleMouseEnter() {\n  if (!trueDisabled.value && props.modelValue && props.clearable) {\n    showClose.value = true\n  }\n}\n\nfunction handleClickIcon() {\n  if (!trueDisabled.value && showClose.value) {\n    emit('update:modelValue', null)\n    emit('change', null)\n    showClose.value = false\n    pickerVisible.value = false\n    if (referenceRef.value) {\n      referenceRef.value.blur()\n    }\n  }\n}\n\nfunction handleMousedownIcon(event: MouseEvent) {\n  // 阻止鼠标按下清空按钮，防止清空数据时季度选择面板闪现\n  event.preventDefault()\n}\n\nfunction handleTableClick(event: PointerEvent) {\n  let target = event.target! as HTMLElement\n\n  if (target.tagName === 'A') {\n    target = target.parentElement!\n  }\n  if (target.tagName !== 'TD' || hasClass(target as HTMLElement, 'disabled'))\n    return\n  const column = (target as HTMLTableCellElement).cellIndex\n  const row =\n    (target.parentElement &&\n      (target.parentElement as HTMLTableRowElement).rowIndex) ||\n    0\n  // 季度，从0开始\n  const quarter = row * 2 + column\n  // 季度开始月份，从0开始\n  const month = quarter * 3\n  let newDate: string | number | Date | Dayjs = new Date(year.value, month, 1)\n  if (props.valueFormat) {\n    newDate = formatter(newDate, props.valueFormat, lang.value)\n  }\n  pickerVisible.value = false\n  emit('update:modelValue', newDate)\n  emit('change', newDate)\n}\n\nconst moveByYear = (forward: boolean) => {\n  const currentDate = innerDate.value\n  const action = forward ? 'add' : 'subtract'\n\n  innerDate.value = currentDate[action](1, 'year')\n}\n\nfunction getCellStyle(quarter: number) {\n  const style = {\n    disabled: false,\n    current: false,\n    quarter: false,\n  }\n  const today = dayjs().locale(lang.value)\n  const date = parsedValue.value ? parsedValue.value : today\n  style.disabled =\n    typeof props.disabledDate === 'function'\n      ? datesInYearAndQuarter(year.value, quarter).every(\n          props.disabledDate as DateHandler\n        )\n      : false\n  // 当前选中的季度样式\n  style.current =\n    date.year() === year.value &&\n    Number.parseInt(`${date.month() / 3}`) === quarter\n  // 今日所在季度样式\n  style.quarter =\n    today.year() === year.value &&\n    Number.parseInt(`${today.month() / 3}`) === quarter\n  return style\n}\n</script>\n"],"names":["year","_openBlock","_createBlock","_unref"],"mappings":"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"}