vft 0.0.375 → 0.0.376

package/lib/components/date-picker/date-picker-com/panel-month-range.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const panelMonthRange_vue_vue_type_script_setup_true_lang = require("./panel-month-range.vue2.cjs");
-exports.default = panelMonthRange_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./panel-month-range.vue2.cjs");exports.default=e.default;

package/lib/components/date-picker/date-picker-com/panel-month-range.vue2.cjs

@@ -1,246 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const index = require("../../icon/index.cjs");
-const utils$1 = require("@vft/utils");
-require("../../time-picker/index.cjs");
-const utils = require("../utils.cjs");
-const panelMonthRange = require("../props/panel-month-range.cjs");
-const useMonthRangeHeader = require("../composables/use-month-range-header.cjs");
-const useRangePicker = require("../composables/use-range-picker.cjs");
-const constants$1 = require("../constants.cjs");
-const basicMonthTable_vue_vue_type_script_setup_true_lang = require("./basic-month-table.vue2.cjs");
-const constants = require("../../time-picker/constants.cjs");
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = ["disabled"];
-const unit = "year";
-const __default__ = vue.defineComponent({
-  name: "DatePickerMonthRange"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelMonthRange.panelMonthRangeProps,
-  emits: panelMonthRange.panelMonthRangeEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const lang = vue.ref("zh-cn");
-    const pickerBase = vue.inject(constants.PICKER_BASE_INJECTION_KEY);
-    const isDefaultFormat = vue.inject(
-      constants$1.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY
-    );
-    const { shortcuts, disabledDate } = pickerBase.props;
-    const format = vue.toRef(pickerBase.props, "format");
-    const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
-    const leftDate = vue.ref(dayjs().locale(lang.value));
-    const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
-    const {
-      minDate,
-      maxDate,
-      rangeState,
-      ppNs,
-      drpNs,
-      handleChangeRange,
-      handleRangeConfirm,
-      handleShortcutClick,
-      onSelect,
-      onReset
-    } = useRangePicker.useRangePicker(props, {
-      defaultValue,
-      leftDate,
-      rightDate,
-      unit,
-      onParsedValueChanged
-    });
-    const hasShortcuts = vue.computed(() => !!shortcuts.length);
-    const {
-      leftPrevYear,
-      rightNextYear,
-      leftNextYear,
-      rightPrevYear,
-      leftLabel,
-      rightLabel,
-      leftYear,
-      rightYear
-    } = useMonthRangeHeader.useMonthRangeHeader({
-      unlinkPanels: vue.toRef(props, "unlinkPanels"),
-      leftDate,
-      rightDate
-    });
-    const enableYearArrow = vue.computed(() => {
-      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
-    });
-    const handleRangePick = (val, close = true) => {
-      const minDate_ = val.minDate;
-      const maxDate_ = val.maxDate;
-      if (maxDate.value === maxDate_ && minDate.value === minDate_) {
-        return;
-      }
-      emit("calendar-change", [minDate_.toDate(), maxDate_ && maxDate_.toDate()]);
-      maxDate.value = maxDate_;
-      minDate.value = minDate_;
-      if (!close) return;
-      handleRangeConfirm();
-    };
-    const handleClear = () => {
-      leftDate.value = utils.getDefaultValue(vue.unref(defaultValue), {
-        lang: vue.unref(lang),
-        unit: "year",
-        unlinkPanels: props.unlinkPanels
-      })[0];
-      rightDate.value = leftDate.value.add(1, "year");
-      emit("pick", null);
-    };
-    const formatToString = (value) => {
-      return utils$1.isArray(value) ? value.map((_) => _.format(format.value)) : value.format(format.value);
-    };
-    const parseUserInput = (value) => {
-      return utils.correctlyParseUserInput(
-        value,
-        format.value,
-        lang.value,
-        isDefaultFormat
-      );
-    };
-    function onParsedValueChanged(minDate2, maxDate2) {
-      if (props.unlinkPanels && maxDate2) {
-        const minDateYear = minDate2?.year() || 0;
-        const maxDateYear = maxDate2.year();
-        rightDate.value = minDateYear === maxDateYear ? maxDate2.add(1, unit) : maxDate2;
-      } else {
-        rightDate.value = leftDate.value.add(1, unit);
-      }
-    }
-    vue.watch(
-      () => props.visible,
-      (visible) => {
-        if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
-          onSelect(false);
-        }
-      }
-    );
-    emit("set-picker-option", ["isValidValue", utils.isValidRange]);
-    emit("set-picker-option", ["formatToString", formatToString]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["handleClear", handleClear]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          vue.unref(ppNs).b(),
-          vue.unref(drpNs).b(),
-          {
-            "has-sidebar": Boolean(_ctx.$slots.sidebar) || hasShortcuts.value
-          }
-        ])
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ppNs).e("body-wrapper"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "sidebar", {
-            class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
-          }),
-          hasShortcuts.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(shortcuts), (shortcut, key) => {
-              return vue.openBlock(), vue.createElementBlock("button", {
-                key,
-                type: "button",
-                class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
-                onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-              }, vue.toDisplayString(shortcut.text), 11, _hoisted_1);
-            }), 128))
-          ], 2)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ppNs).e("body"))
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-left"])
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(drpNs).e("header"))
-              }, [
-                vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-left"]),
-                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
-                  (...args) => vue.unref(leftPrevYear) && vue.unref(leftPrevYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-left" })
-                ], 2),
-                _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: vue.normalizeClass([[
-                    vue.unref(ppNs).e("icon-btn"),
-                    { [vue.unref(ppNs).is("disabled")]: !enableYearArrow.value }
-                  ], "d-arrow-right"]),
-                  onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                  (...args) => vue.unref(leftNextYear) && vue.unref(leftNextYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-right" })
-                ], 10, _hoisted_2)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
-              ], 2),
-              vue.createVNode(basicMonthTable_vue_vue_type_script_setup_true_lang.default, {
-                "selection-mode": "range",
-                date: leftDate.value,
-                "min-date": vue.unref(minDate),
-                "max-date": vue.unref(maxDate),
-                "range-state": vue.unref(rangeState),
-                "disabled-date": vue.unref(disabledDate),
-                onChangerange: vue.unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: vue.unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
-            ], 2),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-right"])
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(drpNs).e("header"))
-              }, [
-                _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !enableYearArrow.value }], "d-arrow-left"]),
-                  onClick: _cache[2] || (_cache[2] = //@ts-ignore
-                  (...args) => vue.unref(rightPrevYear) && vue.unref(rightPrevYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-left" })
-                ], 10, _hoisted_3)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                  onClick: _cache[3] || (_cache[3] = //@ts-ignore
-                  (...args) => vue.unref(rightNextYear) && vue.unref(rightNextYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-right" })
-                ], 2),
-                vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
-              ], 2),
-              vue.createVNode(basicMonthTable_vue_vue_type_script_setup_true_lang.default, {
-                "selection-mode": "range",
-                date: rightDate.value,
-                "min-date": vue.unref(minDate),
-                "max-date": vue.unref(maxDate),
-                "range-state": vue.unref(rangeState),
-                "disabled-date": vue.unref(disabledDate),
-                onChangerange: vue.unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: vue.unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
-            ], 2)
-          ], 2)
-        ], 2)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("dayjs"),g=require("../../icon/index.cjs"),G=require("@vft/utils");require("../../time-picker/index.cjs");const V=require("../utils.cjs"),q=require("../props/panel-month-range.cjs"),Q=require("../composables/use-month-range-header.cjs"),W=require("../composables/use-range-picker.cjs"),X=require("../constants.cjs"),w=require("./basic-month-table.vue2.cjs"),Z=require("../../time-picker/constants.cjs"),ee=["onClick"],ne=["disabled"],te=["disabled"],v="year",ae=e.defineComponent({name:"DatePickerMonthRange"}),re=e.defineComponent({...ae,props:q.panelMonthRangeProps,emits:q.panelMonthRangeEmits,setup(Y,{emit:M}){const l=Y,s=M,d=e.ref("zh-cn"),b=e.inject(Z.PICKER_BASE_INJECTION_KEY),T=e.inject(X.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),{shortcuts:N,disabledDate:E}=b.props,k=e.toRef(b.props,"format"),y=e.toRef(b.props,"defaultValue"),i=e.ref(I().locale(d.value)),u=e.ref(I().locale(d.value).add(1,v)),{minDate:f,maxDate:m,rangeState:C,ppNs:r,drpNs:c,handleChangeRange:P,handleRangeConfirm:x,handleShortcutClick:O,onSelect:h,onReset:A}=W.useRangePicker(l,{defaultValue:y,leftDate:i,rightDate:u,unit:v,onParsedValueChanged:J}),_=e.computed(()=>!!N.length),{leftPrevYear:R,rightNextYear:S,leftNextYear:D,rightPrevYear:z,leftLabel:$,rightLabel:j,leftYear:F,rightYear:K}=Q.useMonthRangeHeader({unlinkPanels:e.toRef(l,"unlinkPanels"),leftDate:i,rightDate:u}),p=e.computed(()=>l.unlinkPanels&&K.value>F.value+1),B=(n,t=!0)=>{const a=n.minDate,o=n.maxDate;m.value===o&&f.value===a||(s("calendar-change",[a.toDate(),o&&o.toDate()]),m.value=o,f.value=a,t&&x())},L=()=>{i.value=V.getDefaultValue(e.unref(y),{lang:e.unref(d),unit:"year",unlinkPanels:l.unlinkPanels})[0],u.value=i.value.add(1,"year"),s("pick",null)},U=n=>G.isArray(n)?n.map(t=>t.format(k.value)):n.format(k.value),H=n=>V.correctlyParseUserInput(n,k.value,d.value,T);function J(n,t){if(l.unlinkPanels&&t){const a=n?.year()||0,o=t.year();u.value=a===o?t.add(1,v):t}else u.value=i.value.add(1,v)}return e.watch(()=>l.visible,n=>{!n&&C.value.selecting&&(A(l.parsedValue),h(!1))}),s("set-picker-option",["isValidValue",V.isValidRange]),s("set-picker-option",["formatToString",U]),s("set-picker-option",["parseUserInput",H]),s("set-picker-option",["handleClear",L]),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(c).b(),{"has-sidebar":!!n.$slots.sidebar||_.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("body-wrapper"))},[e.renderSlot(n.$slots,"sidebar",{class:e.normalizeClass(e.unref(r).e("sidebar"))}),_.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),(a,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,type:"button",class:e.normalizeClass(e.unref(r).e("shortcut")),onClick:oe=>e.unref(O)(a)},e.toDisplayString(a.text),11,ee))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("body"))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r).e("content"),e.unref(c).e("content")],"is-left"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c).e("header"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(r).e("icon-btn"),"d-arrow-left"]),onClick:t[0]||(t[0]=(...a)=>e.unref(R)&&e.unref(R)(...a))},[e.createVNode(e.unref(g.VftIcon),{icon:"icon-d-arrow-left"})],2),n.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!p.value,class:e.normalizeClass([[e.unref(r).e("icon-btn"),{[e.unref(r).is("disabled")]:!p.value}],"d-arrow-right"]),onClick:t[1]||(t[1]=(...a)=>e.unref(D)&&e.unref(D)(...a))},[e.createVNode(e.unref(g.VftIcon),{icon:"icon-d-arrow-right"})],10,ne)):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(e.unref($)),1)],2),e.createVNode(w.default,{"selection-mode":"range",date:i.value,"min-date":e.unref(f),"max-date":e.unref(m),"range-state":e.unref(C),"disabled-date":e.unref(E),onChangerange:e.unref(P),onPick:B,onSelect:e.unref(h)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r).e("content"),e.unref(c).e("content")],"is-right"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c).e("header"))},[n.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!p.value,class:e.normalizeClass([[e.unref(r).e("icon-btn"),{"is-disabled":!p.value}],"d-arrow-left"]),onClick:t[2]||(t[2]=(...a)=>e.unref(z)&&e.unref(z)(...a))},[e.createVNode(e.unref(g.VftIcon),{icon:"icon-d-arrow-left"})],10,te)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(r).e("icon-btn"),"d-arrow-right"]),onClick:t[3]||(t[3]=(...a)=>e.unref(S)&&e.unref(S)(...a))},[e.createVNode(e.unref(g.VftIcon),{icon:"icon-d-arrow-right"})],2),e.createElementVNode("div",null,e.toDisplayString(e.unref(j)),1)],2),e.createVNode(w.default,{"selection-mode":"range",date:u.value,"min-date":e.unref(f),"max-date":e.unref(m),"range-state":e.unref(C),"disabled-date":e.unref(E),onChangerange:e.unref(P),onPick:B,onSelect:e.unref(h)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2)],2)],2)],2))}});exports.default=re;

package/lib/components/date-picker/date-picker-com/panel-year-range.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const panelYearRange_vue_vue_type_script_setup_true_lang = require("./panel-year-range.vue2.cjs");
-exports.default = panelYearRange_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./panel-year-range.vue2.cjs");exports.default=e.default;

package/lib/components/date-picker/date-picker-com/panel-year-range.vue2.cjs

@@ -1,273 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const utils$1 = require("@vft/utils");
-const index = require("../../icon/index.cjs");
-require("../../time-picker/index.cjs");
-const panelYearRange = require("../props/panel-year-range.cjs");
-const useYearRangeHeader = require("../composables/use-year-range-header.cjs");
-const useRangePicker = require("../composables/use-range-picker.cjs");
-const utils = require("../utils.cjs");
-const constants = require("../constants.cjs");
-const basicYearTable_vue_vue_type_script_setup_true_lang = require("./basic-year-table.vue2.cjs");
-const constants$1 = require("../../time-picker/constants.cjs");
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = ["disabled"];
-const step = 10;
-const unit = "year";
-const __default__ = vue.defineComponent({
-  name: "DatePickerYearRange"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelYearRange.panelYearRangeProps,
-  emits: panelYearRange.panelYearRangeEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const lang = vue.ref("zh-cn");
-    const leftDate = vue.ref(dayjs().locale(lang.value));
-    const rightDate = vue.ref(dayjs().locale(lang.value).add(step, unit));
-    const isDefaultFormat = vue.inject(
-      constants.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY
-    );
-    const pickerBase = vue.inject(constants$1.PICKER_BASE_INJECTION_KEY);
-    const { shortcuts, disabledDate } = pickerBase.props;
-    const format = vue.toRef(pickerBase.props, "format");
-    const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
-    const {
-      minDate,
-      maxDate,
-      rangeState,
-      ppNs,
-      drpNs,
-      handleChangeRange,
-      handleRangeConfirm,
-      handleShortcutClick,
-      onSelect,
-      onReset
-    } = useRangePicker.useRangePicker(props, {
-      defaultValue,
-      leftDate,
-      rightDate,
-      step,
-      unit,
-      onParsedValueChanged
-    });
-    const {
-      leftPrevYear,
-      rightNextYear,
-      leftNextYear,
-      rightPrevYear,
-      leftLabel,
-      rightLabel,
-      leftYear,
-      rightYear
-    } = useYearRangeHeader.useYearRangeHeader({
-      unlinkPanels: vue.toRef(props, "unlinkPanels"),
-      leftDate,
-      rightDate
-    });
-    const hasShortcuts = vue.computed(() => !!shortcuts.length);
-    const panelKls = vue.computed(() => [
-      ppNs.b(),
-      drpNs.b(),
-      {
-        "has-sidebar": Boolean(vue.useSlots().sidebar) || hasShortcuts.value
-      }
-    ]);
-    const leftPanelKls = vue.computed(() => {
-      return {
-        content: [ppNs.e("content"), drpNs.e("content"), "is-left"],
-        arrowLeftBtn: [ppNs.e("icon-btn"), "d-arrow-left"],
-        arrowRightBtn: [
-          ppNs.e("icon-btn"),
-          { [ppNs.is("disabled")]: !enableYearArrow.value },
-          "d-arrow-right"
-        ]
-      };
-    });
-    const rightPanelKls = vue.computed(() => {
-      return {
-        content: [ppNs.e("content"), drpNs.e("content"), "is-right"],
-        arrowLeftBtn: [
-          ppNs.e("icon-btn"),
-          { "is-disabled": !enableYearArrow.value },
-          "d-arrow-left"
-        ],
-        arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
-      };
-    });
-    const enableYearArrow = vue.computed(() => {
-      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
-    });
-    const handleRangePick = (val, close = true) => {
-      const minDate_ = val.minDate;
-      const maxDate_ = val.maxDate;
-      if (maxDate.value === maxDate_ && minDate.value === minDate_) {
-        return;
-      }
-      emit("calendar-change", [minDate_.toDate(), maxDate_ && maxDate_.toDate()]);
-      maxDate.value = maxDate_;
-      minDate.value = minDate_;
-      if (!close) return;
-      handleRangeConfirm();
-    };
-    const parseUserInput = (value) => {
-      return utils.correctlyParseUserInput(
-        value,
-        format.value,
-        lang.value,
-        isDefaultFormat
-      );
-    };
-    const formatToString = (value) => {
-      return utils$1.isArray(value) ? value.map((day) => day.format(format.value)) : value.format(format.value);
-    };
-    const isValidValue = (date) => {
-      return utils.isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
-    };
-    const handleClear = () => {
-      const defaultArr = utils.getDefaultValue(vue.unref(defaultValue), {
-        lang: vue.unref(lang),
-        step,
-        unit,
-        unlinkPanels: props.unlinkPanels
-      });
-      leftDate.value = defaultArr[0];
-      rightDate.value = defaultArr[1];
-      emit("pick", null);
-    };
-    function onParsedValueChanged(minDate2, maxDate2) {
-      if (props.unlinkPanels && maxDate2) {
-        const minDateYear = minDate2?.year() || 0;
-        const maxDateYear = maxDate2.year();
-        rightDate.value = minDateYear + step > maxDateYear ? maxDate2.add(step, unit) : maxDate2;
-      } else {
-        rightDate.value = leftDate.value.add(step, unit);
-      }
-    }
-    vue.watch(
-      () => props.visible,
-      (visible) => {
-        if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
-          onSelect(false);
-        }
-      }
-    );
-    emit("set-picker-option", ["isValidValue", isValidValue]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["formatToString", formatToString]);
-    emit("set-picker-option", ["handleClear", handleClear]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(panelKls.value)
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ppNs).e("body-wrapper"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "sidebar", {
-            class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
-          }),
-          hasShortcuts.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(shortcuts), (shortcut, key) => {
-              return vue.openBlock(), vue.createElementBlock("button", {
-                key,
-                type: "button",
-                class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
-                onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-              }, vue.toDisplayString(shortcut.text), 11, _hoisted_1);
-            }), 128))
-          ], 2)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ppNs).e("body"))
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(leftPanelKls.value.content)
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(drpNs).e("header"))
-              }, [
-                vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass(leftPanelKls.value.arrowLeftBtn),
-                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
-                  (...args) => vue.unref(leftPrevYear) && vue.unref(leftPrevYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-left" })
-                ], 2),
-                _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: vue.normalizeClass(leftPanelKls.value.arrowRightBtn),
-                  onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                  (...args) => vue.unref(leftNextYear) && vue.unref(leftNextYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-right" })
-                ], 10, _hoisted_2)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
-              ], 2),
-              vue.createVNode(basicYearTable_vue_vue_type_script_setup_true_lang.default, {
-                "selection-mode": "range",
-                date: leftDate.value,
-                "min-date": vue.unref(minDate),
-                "max-date": vue.unref(maxDate),
-                "range-state": vue.unref(rangeState),
-                "disabled-date": vue.unref(disabledDate),
-                onChangerange: vue.unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: vue.unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
-            ], 2),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(rightPanelKls.value.content)
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(drpNs).e("header"))
-              }, [
-                _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: vue.normalizeClass(rightPanelKls.value.arrowLeftBtn),
-                  onClick: _cache[2] || (_cache[2] = //@ts-ignore
-                  (...args) => vue.unref(rightPrevYear) && vue.unref(rightPrevYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-left" })
-                ], 10, _hoisted_3)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass(rightPanelKls.value.arrowRightBtn),
-                  onClick: _cache[3] || (_cache[3] = //@ts-ignore
-                  (...args) => vue.unref(rightNextYear) && vue.unref(rightNextYear)(...args))
-                }, [
-                  vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-d-arrow-right" })
-                ], 2),
-                vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
-              ], 2),
-              vue.createVNode(basicYearTable_vue_vue_type_script_setup_true_lang.default, {
-                "selection-mode": "range",
-                date: rightDate.value,
-                "min-date": vue.unref(minDate),
-                "max-date": vue.unref(maxDate),
-                "range-state": vue.unref(rangeState),
-                "disabled-date": vue.unref(disabledDate),
-                onChangerange: vue.unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: vue.unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
-            ], 2)
-          ], 2)
-        ], 2)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("dayjs"),ee=require("@vft/utils"),k=require("../../icon/index.cjs");require("../../time-picker/index.cjs");const T=require("../props/panel-year-range.cjs"),te=require("../composables/use-year-range-header.cjs"),ne=require("../composables/use-range-picker.cjs"),R=require("../utils.cjs"),ae=require("../constants.cjs"),L=require("./basic-year-table.vue2.cjs"),re=require("../../time-picker/constants.cjs"),oe=["onClick"],le=["disabled"],se=["disabled"],u=10,m="year",ie=e.defineComponent({name:"DatePickerYearRange"}),ue=e.defineComponent({...ie,props:T.panelYearRangeProps,emits:T.panelYearRangeEmits,setup(x,{emit:K}){const l=x,s=K,p=e.ref("zh-cn"),c=e.ref(q().locale(p.value)),i=e.ref(q().locale(p.value).add(u,m)),A=e.inject(ae.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),C=e.inject(re.PICKER_BASE_INJECTION_KEY),{shortcuts:B,disabledDate:d}=C.props,h=e.toRef(C.props,"format"),_=e.toRef(C.props,"defaultValue"),{minDate:g,maxDate:v,rangeState:V,ppNs:r,drpNs:f,handleChangeRange:y,handleRangeConfirm:O,handleShortcutClick:j,onSelect:N,onReset:F}=ne.useRangePicker(l,{defaultValue:_,leftDate:c,rightDate:i,step:u,unit:m,onParsedValueChanged:Z}),{leftPrevYear:w,rightNextYear:D,leftNextYear:S,rightPrevYear:Y,leftLabel:U,rightLabel:$,leftYear:M,rightYear:H}=te.useYearRangeHeader({unlinkPanels:e.toRef(l,"unlinkPanels"),leftDate:c,rightDate:i}),z=e.computed(()=>!!B.length),J=e.computed(()=>[r.b(),f.b(),{"has-sidebar":!!e.useSlots().sidebar||z.value}]),E=e.computed(()=>({content:[r.e("content"),f.e("content"),"is-left"],arrowLeftBtn:[r.e("icon-btn"),"d-arrow-left"],arrowRightBtn:[r.e("icon-btn"),{[r.is("disabled")]:!b.value},"d-arrow-right"]})),P=e.computed(()=>({content:[r.e("content"),f.e("content"),"is-right"],arrowLeftBtn:[r.e("icon-btn"),{"is-disabled":!b.value},"d-arrow-left"],arrowRightBtn:[r.e("icon-btn"),"d-arrow-right"]})),b=e.computed(()=>l.unlinkPanels&&H.value>M.value+1),I=(t,n=!0)=>{const a=t.minDate,o=t.maxDate;v.value===o&&g.value===a||(s("calendar-change",[a.toDate(),o&&o.toDate()]),v.value=o,g.value=a,n&&O())},G=t=>R.correctlyParseUserInput(t,h.value,p.value,A),Q=t=>ee.isArray(t)?t.map(n=>n.format(h.value)):t.format(h.value),W=t=>R.isValidRange(t)&&(d?!d(t[0].toDate())&&!d(t[1].toDate()):!0),X=()=>{const t=R.getDefaultValue(e.unref(_),{lang:e.unref(p),step:u,unit:m,unlinkPanels:l.unlinkPanels});c.value=t[0],i.value=t[1],s("pick",null)};function Z(t,n){if(l.unlinkPanels&&n){const a=t?.year()||0,o=n.year();i.value=a+u>o?n.add(u,m):n}else i.value=c.value.add(u,m)}return e.watch(()=>l.visible,t=>{!t&&V.value.selecting&&(F(l.parsedValue),N(!1))}),s("set-picker-option",["isValidValue",W]),s("set-picker-option",["parseUserInput",G]),s("set-picker-option",["formatToString",Q]),s("set-picker-option",["handleClear",X]),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(J.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("body-wrapper"))},[e.renderSlot(t.$slots,"sidebar",{class:e.normalizeClass(e.unref(r).e("sidebar"))}),z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),(a,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,type:"button",class:e.normalizeClass(e.unref(r).e("shortcut")),onClick:ce=>e.unref(j)(a)},e.toDisplayString(a.text),11,oe))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("body"))},[e.createElementVNode("div",{class:e.normalizeClass(E.value.content)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f).e("header"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(E.value.arrowLeftBtn),onClick:n[0]||(n[0]=(...a)=>e.unref(w)&&e.unref(w)(...a))},[e.createVNode(e.unref(k.VftIcon),{icon:"icon-d-arrow-left"})],2),t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!b.value,class:e.normalizeClass(E.value.arrowRightBtn),onClick:n[1]||(n[1]=(...a)=>e.unref(S)&&e.unref(S)(...a))},[e.createVNode(e.unref(k.VftIcon),{icon:"icon-d-arrow-right"})],10,le)):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(e.unref(U)),1)],2),e.createVNode(L.default,{"selection-mode":"range",date:c.value,"min-date":e.unref(g),"max-date":e.unref(v),"range-state":e.unref(V),"disabled-date":e.unref(d),onChangerange:e.unref(y),onPick:I,onSelect:e.unref(N)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2),e.createElementVNode("div",{class:e.normalizeClass(P.value.content)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f).e("header"))},[t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!b.value,class:e.normalizeClass(P.value.arrowLeftBtn),onClick:n[2]||(n[2]=(...a)=>e.unref(Y)&&e.unref(Y)(...a))},[e.createVNode(e.unref(k.VftIcon),{icon:"icon-d-arrow-left"})],10,se)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass(P.value.arrowRightBtn),onClick:n[3]||(n[3]=(...a)=>e.unref(D)&&e.unref(D)(...a))},[e.createVNode(e.unref(k.VftIcon),{icon:"icon-d-arrow-right"})],2),e.createElementVNode("div",null,e.toDisplayString(e.unref($)),1)],2),e.createVNode(L.default,{"selection-mode":"range",date:i.value,"min-date":e.unref(g),"max-date":e.unref(v),"range-state":e.unref(V),"disabled-date":e.unref(d),onChangerange:e.unref(y),onPick:I,onSelect:e.unref(N)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2)],2)],2)],2))}});exports.default=ue;

package/lib/components/date-picker/date-picker.cjs

@@ -1,95 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const customParseFormat = require("dayjs/plugin/customParseFormat.js");
-const advancedFormat = require("dayjs/plugin/advancedFormat.js");
-const localeData = require("dayjs/plugin/localeData.js");
-const weekOfYear = require("dayjs/plugin/weekOfYear.js");
-const weekYear = require("dayjs/plugin/weekYear.js");
-const dayOfYear = require("dayjs/plugin/dayOfYear.js");
-const isSameOrAfter = require("dayjs/plugin/isSameOrAfter.js");
-const isSameOrBefore = require("dayjs/plugin/isSameOrBefore.js");
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-const event = require("../../constants/event.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-require("../time-picker/index.cjs");
-const constants = require("./constants.cjs");
-const datePicker = require("./props/date-picker.cjs");
-const panelUtils = require("./panel-utils.cjs");
-const constants$1 = require("../time-picker/constants.cjs");
-const picker_vue_vue_type_script_setup_true_lang = require("../time-picker/common/picker.vue2.cjs");
-dayjs.extend(localeData);
-dayjs.extend(advancedFormat);
-dayjs.extend(customParseFormat);
-dayjs.extend(weekOfYear);
-dayjs.extend(weekYear);
-dayjs.extend(dayOfYear);
-dayjs.extend(isSameOrAfter);
-dayjs.extend(isSameOrBefore);
-const DatePicker = /* @__PURE__ */ vue.defineComponent({
-  name: "ElDatePicker",
-  install: null,
-  props: datePicker.datePickerProps,
-  emits: [event.UPDATE_MODEL_EVENT],
-  setup(props, {
-    expose,
-    emit,
-    slots
-  }) {
-    const ns = index.useNamespace("picker-panel");
-    const isDefaultFormat = vue.computed(() => {
-      return !props.format;
-    });
-    vue.provide(constants.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY, isDefaultFormat);
-    vue.provide(constants$1.PICKER_POPPER_OPTIONS_INJECTION_KEY, vue.reactive(vue.toRef(props, "popperOptions")));
-    vue.provide(constants.ROOT_PICKER_INJECTION_KEY, {
-      slots,
-      pickerNs: ns
-    });
-    const commonPicker = vue.ref();
-    const refProps = {
-      focus: () => {
-        commonPicker.value?.focus();
-      },
-      blur: () => {
-        commonPicker.value?.blur();
-      },
-      handleOpen: () => {
-        commonPicker.value?.handleOpen();
-      },
-      handleClose: () => {
-        commonPicker.value?.handleClose();
-      }
-    };
-    expose(refProps);
-    const onModelValueUpdated = (val) => {
-      emit(event.UPDATE_MODEL_EVENT, val);
-    };
-    return () => {
-      const format = props.format ?? (constants$1.DEFAULT_FORMATS_DATEPICKER[props.type] || constants$1.DEFAULT_FORMATS_DATE);
-      const Component = panelUtils.getPanel(props.type);
-      return vue.createVNode(picker_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(props, {
-        "format": format,
-        "type": props.type,
-        "ref": commonPicker,
-        "onUpdate:modelValue": onModelValueUpdated
-      }), {
-        default: (scopedProps) => vue.createVNode(Component, scopedProps, {
-          "prev-month": slots["prev-month"],
-          "next-month": slots["next-month"],
-          "prev-year": slots["prev-year"],
-          "next-year": slots["next-year"]
-        }),
-        "range-separator": slots["range-separator"]
-      });
-    };
-  }
-});
-exports.default = DatePicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),E=require("dayjs/plugin/customParseFormat.js"),O=require("dayjs/plugin/advancedFormat.js"),P=require("dayjs/plugin/localeData.js"),f=require("dayjs/plugin/weekOfYear.js"),v=require("dayjs/plugin/weekYear.js"),T=require("dayjs/plugin/dayOfYear.js"),x=require("dayjs/plugin/isSameOrAfter.js"),D=require("dayjs/plugin/isSameOrBefore.js");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../time-picker/index.cjs");const c=require("./constants.cjs"),y=require("./props/date-picker.cjs"),I=require("./panel-utils.cjs"),u=require("../time-picker/constants.cjs"),A=require("../time-picker/common/picker.vue2.cjs");r.extend(P);r.extend(O);r.extend(E);r.extend(f);r.extend(v);r.extend(T);r.extend(x);r.extend(D);const C=e.defineComponent({name:"ElDatePicker",install:null,props:y.datePickerProps,emits:[i.UPDATE_MODEL_EVENT],setup(t,{expose:s,emit:d,slots:n}){const l=N.useNamespace("picker-panel"),_=e.computed(()=>!t.format);e.provide(c.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,_),e.provide(u.PICKER_POPPER_OPTIONS_INJECTION_KEY,e.reactive(e.toRef(t,"popperOptions"))),e.provide(c.ROOT_PICKER_INJECTION_KEY,{slots:n,pickerNs:l});const a=e.ref();s({focus:()=>{a.value?.focus()},blur:()=>{a.value?.blur()},handleOpen:()=>{a.value?.handleOpen()},handleClose:()=>{a.value?.handleClose()}});const p=o=>{d(i.UPDATE_MODEL_EVENT,o)};return()=>{const o=t.format??(u.DEFAULT_FORMATS_DATEPICKER[t.type]||u.DEFAULT_FORMATS_DATE),m=I.getPanel(t.type);return e.createVNode(A.default,e.mergeProps(t,{format:o,type:t.type,ref:a,"onUpdate:modelValue":p}),{default:q=>e.createVNode(m,q,{"prev-month":n["prev-month"],"next-month":n["next-month"],"prev-year":n["prev-year"],"next-year":n["next-year"]}),"range-separator":n["range-separator"]})}}});exports.default=C;