@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/button/src/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type button from './button.vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport type ButtonInstance = InstanceType<typeof button>\n"],"names":[],"mappings":";;;;AAEY,MAAC,UAAU,GAAG;AAC1B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AAClD,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,gBAAgB;AAC5B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { Loading } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type button from './button.vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  loadingIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Loading,\n  },\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport type ButtonInstance = InstanceType<typeof button>\n"],"names":[],"mappings":";;;;;AAGY,MAAC,UAAU,GAAG;AAC1B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AAClD,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,gBAAgB;AAC5B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAM,OAAO;AAC1B,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

package/es/components/button/src/button.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
     readonly nativeType: import("../../../utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "submit" | "reset", unknown>;
     readonly loading: BooleanConstructor;
+    readonly loadingIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly plain: BooleanConstructor;
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
     readonly nativeType: import("../../../utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "submit" | "reset", unknown>;
     readonly loading: BooleanConstructor;
+    readonly loadingIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly plain: BooleanConstructor;
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
@@ -51,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     nativeType: import("../../../utils/props").BuildPropType<StringConstructor, "button" | "submit" | "reset", unknown>;
+    loadingIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     autoInsertSpace: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;

package/es/components/button/src/button2.mjs

@@ -1,7 +1,147 @@
-import script from './button.vue_vue_type_script_lang.mjs';
-export { default } from './button.vue_vue_type_script_lang.mjs';
-import { render } from './button.vue_vue_type_template_id_802c5c76_lang.mjs';
+import { defineComponent, ref, inject, computed, Text, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { useCssVar } from '@vueuse/core';
+import { TinyColor } from '@ctrl/tinycolor';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
+import { buttonProps, buttonEmits } from './button.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buttonGroupContextKey } from '../../../tokens/button.mjs';
+import { useGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+import { useSize, useDisabled } from '../../../hooks/use-common-props/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/button/src/button.vue";
+const _sfc_main = defineComponent({
+  name: "ElButton",
+  components: {
+    ElIcon,
+    Loading
+  },
+  props: buttonProps,
+  emits: buttonEmits,
+  setup(props, { emit, slots }) {
+    const buttonRef = ref();
+    const buttonGroupContext = inject(buttonGroupContextKey, void 0);
+    const globalConfig = useGlobalConfig("button");
+    const ns = useNamespace("button");
+    const autoInsertSpace = computed(() => props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false);
+    const shouldAddSpace = computed(() => {
+      const defaultSlot = slots.default?.();
+      if (autoInsertSpace.value && defaultSlot?.length === 1) {
+        const slot = defaultSlot[0];
+        if (slot?.type === Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text);
+        }
+      }
+      return false;
+    });
+    const { form } = useFormItem();
+    const buttonSize = useSize(computed(() => buttonGroupContext?.size));
+    const buttonDisabled = useDisabled();
+    const buttonType = computed(() => props.type || buttonGroupContext?.type || "");
+    const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
+    const buttonStyle = computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const shadeBgColor = new TinyColor(buttonColor).shade(10).toString();
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": new TinyColor(buttonColor).tint(90).toString(),
+            "--el-button-text-color": buttonColor,
+            "--el-button-hover-text-color": "var(--el-color-white)",
+            "--el-button-hover-bg-color": buttonColor,
+            "--el-button-hover-border-color": buttonColor,
+            "--el-button-active-bg-color": shadeBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": shadeBgColor
+          };
+        } else {
+          const tintBgColor = new TinyColor(buttonColor).tint(20).toString();
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": tintBgColor,
+            "--el-button-hover-border-color": tintBgColor,
+            "--el-button-active-bg-color": shadeBgColor,
+            "--el-button-active-border-color": shadeBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = new TinyColor(buttonColor).tint(50).toString();
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form?.resetFields();
+      }
+      emit("click", evt);
+    };
+    return {
+      buttonRef,
+      buttonStyle,
+      buttonSize,
+      buttonType,
+      buttonDisabled,
+      shouldAddSpace,
+      handleClick,
+      ns
+    };
+  }
+});
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    ref: "buttonRef",
+    class: normalizeClass([
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.buttonType),
+      _ctx.ns.m(_ctx.buttonSize),
+      _ctx.ns.is("disabled", _ctx.buttonDisabled),
+      _ctx.ns.is("loading", _ctx.loading),
+      _ctx.ns.is("plain", _ctx.plain),
+      _ctx.ns.is("round", _ctx.round),
+      _ctx.ns.is("circle", _ctx.circle)
+    ]),
+    disabled: _ctx.buttonDisabled || _ctx.loading,
+    autofocus: _ctx.autofocus,
+    type: _ctx.nativeType,
+    style: normalizeStyle(_ctx.buttonStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(_component_el_icon, {
+        key: 1,
+        class: normalizeClass(_ctx.ns.is("loading"))
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 2112)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      class: normalizeClass({ [_ctx.ns.em("text", "expand")]: _ctx.shouldAddSpace })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Button as default };
 //# sourceMappingURL=button2.mjs.map

package/es/components/button/src/button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      ns.b(),\n      ns.m(buttonType),\n      ns.m(buttonSize),\n      ns.is('disabled', buttonDisabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\"></slot>\n      <el-icon v-else :class=\"ns.is('loading')\">\n        <component :is=\"loadingIcon\" />\n      </el-icon>\n    </template>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { TinyColor } from '@ctrl/tinycolor'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const ns = useNamespace('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n    )\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || ''\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const shadeBgColor = new TinyColor(buttonColor).shade(10).toString()\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': new TinyColor(buttonColor)\n              .tint(90)\n              .toString(),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        } else {\n          const tintBgColor = new TinyColor(buttonColor).tint(20).toString()\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': tintBgColor,\n            '--el-button-hover-border-color': tintBgColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = new TinyColor(buttonColor)\n            .tint(50)\n            .toString()\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;AAsDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,YAAY;AAClB,UAAM,qBAAqB,OAAO,uBAAuB;AACzD,UAAM,eAAe,gBAAgB;AACrC,UAAM,KAAK,aAAa;AACxB,UAAM,kBAAkB,SACtB,MACE,MAAM,mBAAmB,aAAa,OAAO,mBAAmB;AAIpE,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,cAAc,MAAM;AAC1B,UAAI,gBAAgB,SAAS,aAAa,WAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,MAAM,SAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAGT,UAAM,EAAE,SAAS;AACjB,UAAM,aAAa,QAAQ,SAAS,MAAM,oBAAoB;AAC9D,UAAM,iBAAiB;AACvB,UAAM,aAAa,SACjB,MAAM,MAAM,QAAQ,oBAAoB,QAAQ;AAIlD,UAAM,YAAY,SAChB,MAAM,UAAU,cAAc,MAAM,QAAQ;AAE9C,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,eAAe,IAAI,UAAU,aAAa,MAAM,IAAI;AAC1D,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwB,IAAI,UAAU,aACnC,KAAK,IACL;AAAA,YACH,0BAA0B;AAAA,YAC1B,gCAAgC;AAAA,YAChC,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,iCAAiC;AAAA,YACjC,mCAAmC;AAAA;AAAA,eAEhC;AACL,gBAAM,cAAc,IAAI,UAAU,aAAa,KAAK,IAAI;AACxD,mBAAS;AAAA,YACP,wBAAwB;AAAA,YACxB,4BAA4B;AAAA,YAC5B,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,mCAAmC;AAAA;AAAA;AAIvC,YAAI,eAAe,OAAO;AACxB,gBAAM,sBAAsB,IAAI,UAAU,aACvC,KAAK,IACL;AACH,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,UAAM,cAAc,CAAC,QAAoB;AACvC,UAAI,MAAM,eAAe,SAAS;AAChC,cAAM;AAAA;AAER,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;SAhKEA,aAAWC;AAAA,IACd,KAAK;AAAA,WAAUC,eAAI;AAAA,MAAU,QAAG;AAAA,MAAqB,QAAG,EAAE;AAAA,MAAmB,QAAG,EAAE;AAAA,MAAoC,QAAG,GAAE,YAAY;AAAA,MAAgB,QAAG,GAAE,WAAU;AAAA,MAAc,QAAG,GAAE,SAAU;AAAA,MAAc,QAAG,GAAE,cAAW;AAAA;;IAWjO,UAAS,KAAE,kBAAS;AAAA,IACpB,WAAM;AAAA,IACN,MAAK;AAAA,IACL,OAAKC;AAAA;KAEU;AAAA,iCACKF,mBAAOG;AAAA,WAA1B,iCACA,mBAEU;QAFO,KAAK;AAAA;;yBACpB;AAAA;;;;OAGgB,+CACM;AAAA,uBAAxB;AAAA;;;UAGMC,mBAAc;AAAA;MACnB,KAAK;AAAA;OAEN;AAAA;;;;;;;;"}

package/es/components/calendar/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/calendar2.mjs';
+import Calendar from './src/calendar2.mjs';
 export { calendarEmits, calendarProps } from './src/calendar.mjs';
-import script from './src/calendar.vue_vue_type_script_lang.mjs';
 
-const ElCalendar = withInstall(script);
+const ElCalendar = withInstall(Calendar);
 
 export { ElCalendar, ElCalendar as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/calendar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/calendar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Calendar from './src/calendar.vue'\n\nexport const ElCalendar = withInstall(Calendar)\nexport default ElCalendar\n\nexport * from './src/calendar'\n"],"names":["Calendar"],"mappings":";;;;;AAEY,MAAC,UAAU,GAAG,WAAW,CAACA,MAAQ;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/calendar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Calendar from './src/calendar.vue'\n\nexport const ElCalendar = withInstall(Calendar)\nexport default ElCalendar\n\nexport * from './src/calendar'\n"],"names":[],"mappings":";;;;AAEY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ;;;;"}

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

@@ -1,7 +1,254 @@
-import script from './calendar.vue_vue_type_script_lang.mjs';
-export { default } from './calendar.vue_vue_type_script_lang.mjs';
-import { render } from './calendar.vue_vue_type_template_id_76705c76_lang.mjs';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock } from 'vue';
+import dayjs from 'dayjs';
+import { ElButton, ElButtonGroup } from '../../button/index.mjs';
+import '../../../hooks/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import DateTable from './date-table2.mjs';
+import { calendarProps, calendarEmits } from './calendar.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';
 
-script.render = render;
-script.__file = "packages/components/calendar/src/calendar.vue";
+const _sfc_main = defineComponent({
+  name: "ElCalendar",
+  components: {
+    DateTable,
+    ElButton,
+    ElButtonGroup
+  },
+  props: calendarProps,
+  emits: calendarEmits,
+  setup(props, { emit }) {
+    const ns = useNamespace("calendar");
+    const { t, lang } = useLocale();
+    const selectedDay = ref();
+    const now = dayjs().locale(lang.value);
+    const prevMonthDayjs = computed(() => {
+      return date.value.subtract(1, "month").date(1);
+    });
+    const curMonthDatePrefix = computed(() => {
+      return dayjs(date.value).locale(lang.value).format("YYYY-MM");
+    });
+    const nextMonthDayjs = computed(() => {
+      return date.value.add(1, "month").date(1);
+    });
+    const prevYearDayjs = computed(() => {
+      return date.value.subtract(1, "year").date(1);
+    });
+    const nextYearDayjs = computed(() => {
+      return date.value.add(1, "year").date(1);
+    });
+    const i18nDate = computed(() => {
+      const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
+      return `${date.value.year()} ${t("el.datepicker.year")} ${t(pickedMonth)}`;
+    });
+    const realSelectedDay = computed({
+      get() {
+        if (!props.modelValue)
+          return selectedDay.value;
+        return date.value;
+      },
+      set(val) {
+        if (!val)
+          return;
+        selectedDay.value = val;
+        const result = val.toDate();
+        emit("input", result);
+        emit("update:modelValue", result);
+      }
+    });
+    const date = computed(() => {
+      if (!props.modelValue) {
+        if (realSelectedDay.value) {
+          return realSelectedDay.value;
+        } else if (validatedRange.value.length) {
+          return validatedRange.value[0][0];
+        }
+        return now;
+      } else {
+        return dayjs(props.modelValue).locale(lang.value);
+      }
+    });
+    const calculateValidatedDateRange = (startDayjs, endDayjs) => {
+      const firstDay = startDayjs.startOf("week");
+      const lastDay = endDayjs.endOf("week");
+      const firstMonth = firstDay.get("month");
+      const lastMonth = lastDay.get("month");
+      if (firstMonth === lastMonth) {
+        return [[firstDay, lastDay]];
+      } else if (firstMonth + 1 === lastMonth) {
+        const firstMonthLastDay = firstDay.endOf("month");
+        const lastMonthFirstDay = lastDay.startOf("month");
+        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, "week");
+        const lastMonthStartDay = isSameWeek ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+        return [
+          [firstDay, firstMonthLastDay],
+          [lastMonthStartDay.startOf("week"), lastDay]
+        ];
+      } else if (firstMonth + 2 === lastMonth) {
+        const firstMonthLastDay = firstDay.endOf("month");
+        const secondMonthFirstDay = firstDay.add(1, "month").startOf("month");
+        const secondMonthStartDay = firstMonthLastDay.isSame(secondMonthFirstDay, "week") ? secondMonthFirstDay.add(1, "week") : secondMonthFirstDay;
+        const secondMonthLastDay = secondMonthStartDay.endOf("month");
+        const lastMonthFirstDay = lastDay.startOf("month");
+        const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, "week") ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+        return [
+          [firstDay, firstMonthLastDay],
+          [secondMonthStartDay.startOf("week"), secondMonthLastDay],
+          [lastMonthStartDay.startOf("week"), lastDay]
+        ];
+      } else {
+        debugWarn("ElCalendar", "start time and end time interval must not exceed two months");
+        return [];
+      }
+    };
+    const validatedRange = computed(() => {
+      if (!props.range)
+        return [];
+      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
+      const [startDayjs, endDayjs] = rangeArrDayjs;
+      if (startDayjs.isAfter(endDayjs)) {
+        debugWarn("ElCalendar", "end time should be greater than start time");
+        return [];
+      }
+      if (startDayjs.isSame(endDayjs, "month")) {
+        return calculateValidatedDateRange(startDayjs, endDayjs);
+      } else {
+        if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
+          debugWarn("ElCalendar", "start time and end time interval must not exceed two months");
+          return [];
+        }
+        return calculateValidatedDateRange(startDayjs, endDayjs);
+      }
+    });
+    const pickDay = (day) => {
+      realSelectedDay.value = day;
+    };
+    const selectDate = (type) => {
+      let day;
+      if (type === "prev-month") {
+        day = prevMonthDayjs.value;
+      } else if (type === "next-month") {
+        day = nextMonthDayjs.value;
+      } else if (type === "prev-year") {
+        day = prevYearDayjs.value;
+      } else if (type === "next-year") {
+        day = nextYearDayjs.value;
+      } else {
+        day = now;
+      }
+      if (day.isSame(date.value, "day"))
+        return;
+      pickDay(day);
+    };
+    return {
+      selectedDay,
+      curMonthDatePrefix,
+      i18nDate,
+      realSelectedDay,
+      date,
+      validatedRange,
+      pickDay,
+      selectDate,
+      t,
+      ns
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_button_group = resolveComponent("el-button-group");
+  const _component_date_table = resolveComponent("date-table");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("header"))
+    }, [
+      renderSlot(_ctx.$slots, "header", { date: _ctx.i18nDate }, () => [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.ns.e("title"))
+        }, toDisplayString(_ctx.i18nDate), 3),
+        _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.ns.e("button-group"))
+        }, [
+          createVNode(_component_el_button_group, null, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                size: "small",
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.selectDate("prev-month"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.prevMonth")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                size: "small",
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.selectDate("today"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.today")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                size: "small",
+                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.selectDate("next-month"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.nextMonth")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("v-if", true)
+      ])
+    ], 2),
+    _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("body"))
+    }, [
+      createVNode(_component_date_table, {
+        date: _ctx.date,
+        "selected-day": _ctx.realSelectedDay,
+        onPick: _ctx.pickDay
+      }, createSlots({ _: 2 }, [
+        _ctx.$slots.dateCell ? {
+          name: "dateCell",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "dateCell", normalizeProps(guardReactiveProps(data)))
+          ])
+        } : void 0
+      ]), 1032, ["date", "selected-day", "onPick"])
+    ], 2)) : (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(_ctx.ns.e("body"))
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.validatedRange, (range_, index) => {
+        return openBlock(), createBlock(_component_date_table, {
+          key: index,
+          date: range_[0],
+          "selected-day": _ctx.realSelectedDay,
+          range: range_,
+          "hide-header": index !== 0,
+          onPick: _ctx.pickDay
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.dateCell ? {
+            name: "dateCell",
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, "dateCell", normalizeProps(guardReactiveProps(data)))
+            ])
+          } : void 0
+        ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
+      }), 128))
+    ], 2))
+  ], 2);
+}
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Calendar as default };
 //# sourceMappingURL=calendar2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"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          <el-button-group>\n            <el-button size=\"small\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"small\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"small\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-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 v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\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 v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport { calendarProps, calendarEmits } from './calendar'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: calendarProps,\n  emits: calendarEmits,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('calendar')\n\n    const { t, lang } = useLocale()\n    const selectedDay = ref<Dayjs>()\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month').date(1)\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month').date(1)\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year').date(1)\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year').date(1)\n    })\n\n    const 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\n    const realSelectedDay = computed<Dayjs | undefined>({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val) {\n        if (!val) return\n        selectedDay.value = val\n        const result = val.toDate()\n\n        emit('input', result)\n        emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: Dayjs,\n      endDayjs: Dayjs\n    ): [Dayjs, Dayjs][] => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_toDisplayString","_withCtx","_createSlots","_Fragment","_createBlock"],"mappings":"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"}