element-plus 1.2.0-beta.3 → 1.2.0-beta.4

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

@@ -7,10 +7,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
+    readonly color: StringConstructor;
     readonly autoInsertSpace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 }, {
+    buttonRef: import("vue").Ref<any>;
+    buttonStyle: import("vue").ComputedRef<{}>;
     buttonSize: import("vue").ComputedRef<any>;
     buttonType: import("vue").ComputedRef<"default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
@@ -27,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly autofocus?: unknown;
     readonly round?: unknown;
     readonly circle?: unknown;
+    readonly color?: unknown;
     readonly autoInsertSpace?: unknown;
     readonly size?: unknown;
     readonly disabled?: unknown;
@@ -43,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     circle: boolean;
 } & {
     autoInsertSpace?: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+    color?: string | undefined;
 }> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {

package/lib/components/button/src/button.vue_vue_type_script_lang.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var index = require('../../icon/index.js');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
+var icons = require('@element-plus/icons');
+var color = require('../../../utils/color.js');
+var button = require('./button.js');
+var button$1 = require('../../../tokens/button.js');
+var index$1 = require('../../../hooks/use-global-config/index.js');
+var index$2 = require('../../../hooks/use-form-item/index.js');
+
+var script = vue.defineComponent({
+  name: "ElButton",
+  components: {
+    ElIcon: index.ElIcon,
+    Loading: icons.Loading
+  },
+  props: button.buttonProps,
+  emits: button.buttonEmits,
+  setup(props, { emit, slots }) {
+    const buttonRef = vue.ref();
+    const buttonGroupContext = vue.inject(button$1.buttonGroupContextKey, void 0);
+    const globalConfig = index$1.useGlobalConfig();
+    const autoInsertSpace = vue.computed(() => {
+      var _a;
+      return (_a = props.autoInsertSpace) != null ? _a : globalConfig == null ? void 0 : globalConfig.button.autoInsertSpace;
+    });
+    const shouldAddSpace = vue.computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === vue.Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text);
+        }
+      }
+      return false;
+    });
+    const {
+      form,
+      size: buttonSize,
+      disabled: buttonDisabled
+    } = index$2.useFormItem({
+      size: vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size)
+    });
+    const buttonType = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "default");
+    const typeColor = core.useCssVar(`--el-color-${props.type}`);
+    const buttonStyle = vue.computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = color.darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": color.lighten(buttonColor, 0.9),
+            "--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": darkenBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": darkenBgColor
+          };
+        } else {
+          const lightenBgColor = color.lighten(buttonColor);
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": lightenBgColor,
+            "--el-button-hover-border-color": lightenBgColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-border-color": darkenBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = color.lighten(buttonColor, 0.5);
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form == null ? void 0 : form.resetFields();
+      }
+      emit("click", evt);
+    };
+    return {
+      buttonRef,
+      buttonStyle,
+      buttonSize,
+      buttonType,
+      buttonDisabled,
+      shouldAddSpace,
+      handleClick
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=button.vue_vue_type_script_lang.js.map

package/lib/components/button/src/button.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__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 { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem, useGlobalConfig } from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons'\n\nimport { lighten, darken } from '@element-plus/utils/color'\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()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\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 {\n      form,\n      size: buttonSize,\n      disabled: buttonDisabled,\n    } = useFormItem({\n      size: computed(() => buttonGroupContext?.size),\n    })\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = useCssVar(`--el-color-${props.type}`)\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\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': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\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  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","Loading","buttonProps","buttonEmits","ref","inject","buttonGroupContextKey","useGlobalConfig","computed","Text","useFormItem","useCssVar","darken","lighten"],"mappings":";;;;;;;;;;;;;;;;AAgDA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA,aACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,YAAYC;AAClB,UAAM,qBAAqBC,WAAOC,gCAAuB;AACzD,UAAM,eAAeC;AACrB,UAAM,kBAAkBC,aAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiBA,aAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAASC,UAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAGT,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,QACRC,oBAAY;AAAA,MACd,MAAMF,aAAS,MAAM,yDAAoB;AAAA;AAE3C,UAAM,aAAaA,aACjB,MAAM,MAAM,kEAA4B,SAAQ;AAIlD,UAAM,YAAYG,eAAU,cAAc,MAAM;AAChD,UAAM,cAAcH,aAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgBI,aAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwBC,cAAQ,aAAa;AAAA,YAC7C,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,iBAAiBA,cAAQ;AAC/B,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,sBAAsBA,cAAQ,aAAa;AACjD,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,UAAM,cAAc,CAAC,QAAoB;AACvC,UAAI,MAAM,eAAe,SAAS;AAChC,qCAAM;AAAA;AAER,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_loading = vue.resolveComponent("loading");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  return vue.openBlock(), vue.createElementBlock("button", {
+    ref: "buttonRef",
+    class: vue.normalizeClass([
+      "el-button",
+      _ctx.buttonType ? "el-button--" + _ctx.buttonType : "",
+      _ctx.buttonSize ? "el-button--" + _ctx.buttonSize : "",
+      {
+        "is-disabled": _ctx.buttonDisabled,
+        "is-loading": _ctx.loading,
+        "is-plain": _ctx.plain,
+        "is-round": _ctx.round,
+        "is-circle": _ctx.circle
+      }
+    ]),
+    disabled: _ctx.buttonDisabled || _ctx.loading,
+    autofocus: _ctx.autofocus,
+    type: _ctx.nativeType,
+    style: vue.normalizeStyle(_ctx.buttonStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+      key: 0,
+      class: "is-loading"
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_loading)
+      ]),
+      _: 1
+    })) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
+      default: vue.withCtx(() => [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : vue.createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+      key: 2,
+      class: vue.normalizeClass({ "el-button__text--expand": _ctx.shouldAddSpace })
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 2)) : vue.createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=button.vue_vue_type_template_id_802c5c76_lang.js.map

package/lib/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_template_id_802c5c76_lang.js","sources":["../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__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 { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem, useGlobalConfig } from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons'\n\nimport { lighten, darken } from '@element-plus/utils/color'\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()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\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 {\n      form,\n      size: buttonSize,\n      disabled: buttonDisabled,\n    } = useFormItem({\n      size: computed(() => buttonGroupContext?.size),\n    })\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = useCssVar(`--el-color-${props.type}`)\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\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': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\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  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;0BACEA;IACE,KAAI;AAAA,IACH;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,0BAAO;IACP,gDAAO;;IAEO,iCAAfC;;MAAwB,OAAM;AAAA;2BAC5B;QAAAC;;;UAEkB,8BAApBD;2BACE;0BAAAA,4CAAgB;;;;IAGV,YAAO,4BADfD;;MAEG,uDAAoC;;MAErCG;;;;;;;"}

package/lib/components/button/src/button2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button_vue_vue_type_script_lang = require('./button.vue_vue&type=script&lang.js');
-var button_vue_vue_type_template_id_802c5c76_lang = require('./button.vue_vue&type=template&id=802c5c76&lang.js');
+var button_vue_vue_type_script_lang = require('./button.vue_vue_type_script_lang.js');
+var button_vue_vue_type_template_id_802c5c76_lang = require('./button.vue_vue_type_template_id_802c5c76_lang.js');
 
 button_vue_vue_type_script_lang["default"].render = button_vue_vue_type_template_id_802c5c76_lang.render;
 button_vue_vue_type_script_lang["default"].__file = "packages/components/button/src/button.vue";

package/lib/components/calendar/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./src/index.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].install = (app) => {
   app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);

package/lib/components/calendar/src/date-table.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dateTable_vue_vue_type_script_lang = require('./date-table.vue_vue&type=script&lang.js');
-var dateTable_vue_vue_type_template_id_297fdb36_lang = require('./date-table.vue_vue&type=template&id=297fdb36&lang.js');
+var dateTable_vue_vue_type_script_lang = require('./date-table.vue_vue_type_script_lang.js');
+var dateTable_vue_vue_type_template_id_297fdb36_lang = require('./date-table.vue_vue_type_template_id_297fdb36_lang.js');
 
 dateTable_vue_vue_type_script_lang["default"].render = dateTable_vue_vue_type_template_id_297fdb36_lang.render;
 dateTable_vue_vue_type_script_lang["default"].__file = "packages/components/calendar/src/date-table.vue";

package/lib/components/calendar/src/date-table.vue_vue_type_script_lang.js

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dayjs = require('dayjs');
+var localeData = require('dayjs/plugin/localeData');
+require('../../../hooks/index.js');
+require('../../time-picker/index.js');
+var dateUtils = require('../../time-picker/src/common/date-utils.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
+
+dayjs__default["default"].extend(localeData__default["default"]);
+const getPrevMonthLastDays = (date, amount) => {
+  const lastDay = date.subtract(1, "month").endOf("month").date();
+  return dateUtils.rangeArr(amount).map((_, index) => lastDay - (amount - index - 1));
+};
+const getMonthDays = (date) => {
+  const days = date.daysInMonth();
+  return dateUtils.rangeArr(days).map((_, index) => index + 1);
+};
+var script = vue.defineComponent({
+  props: {
+    selectedDay: {
+      type: Object
+    },
+    range: {
+      type: Array
+    },
+    date: {
+      type: Object
+    },
+    hideHeader: {
+      type: Boolean
+    }
+  },
+  emits: ["pick"],
+  setup(props, ctx) {
+    const { lang } = index.useLocaleInject();
+    const WEEK_DAYS = vue.ref(dayjs__default["default"]().locale(lang.value).localeData().weekdaysShort());
+    const now = dayjs__default["default"]().locale(lang.value);
+    const firstDayOfWeek = now.$locale().weekStart || 0;
+    const toNestedArr = (days) => {
+      return dateUtils.rangeArr(days.length / 7).map((_, index) => {
+        const start = index * 7;
+        return days.slice(start, start + 7);
+      });
+    };
+    const getFormattedDate = (day, type) => {
+      let result;
+      if (type === "prev") {
+        result = props.date.startOf("month").subtract(1, "month").date(day);
+      } else if (type === "next") {
+        result = props.date.startOf("month").add(1, "month").date(day);
+      } else {
+        result = props.date.date(day);
+      }
+      return result;
+    };
+    const getCellClass = ({ text, type }) => {
+      const classes = [type];
+      if (type === "current") {
+        const date_ = getFormattedDate(text, type);
+        if (date_.isSame(props.selectedDay, "day")) {
+          classes.push("is-selected");
+        }
+        if (date_.isSame(now, "day")) {
+          classes.push("is-today");
+        }
+      }
+      return classes;
+    };
+    const pickDay = ({ text, type }) => {
+      const date = getFormattedDate(text, type);
+      ctx.emit("pick", date);
+    };
+    const getSlotData = ({ text, type }) => {
+      const day = getFormattedDate(text, type);
+      return {
+        isSelected: day.isSame(props.selectedDay),
+        type: `${type}-month`,
+        day: day.format("YYYY-MM-DD"),
+        date: day.toDate()
+      };
+    };
+    const isInRange = vue.computed(() => {
+      return props.range && props.range.length;
+    });
+    const rows = vue.computed(() => {
+      let days = [];
+      if (isInRange.value) {
+        const [start, end] = props.range;
+        const currentMonthRange = dateUtils.rangeArr(end.date() - start.date() + 1).map((_, index) => ({
+          text: start.date() + index,
+          type: "current"
+        }));
+        let remaining = currentMonthRange.length % 7;
+        remaining = remaining === 0 ? 0 : 7 - remaining;
+        const nextMonthRange = dateUtils.rangeArr(remaining).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = currentMonthRange.concat(nextMonthRange);
+      } else {
+        const firstDay = props.date.startOf("month").day() || 7;
+        const prevMonthDays = getPrevMonthLastDays(props.date, firstDay - firstDayOfWeek).map((day) => ({
+          text: day,
+          type: "prev"
+        }));
+        const currentMonthDays = getMonthDays(props.date).map((day) => ({
+          text: day,
+          type: "current"
+        }));
+        days = [...prevMonthDays, ...currentMonthDays];
+        const nextMonthDays = dateUtils.rangeArr(42 - days.length).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = days.concat(nextMonthDays);
+      }
+      return toNestedArr(days);
+    });
+    const weekDays = vue.computed(() => {
+      const start = firstDayOfWeek;
+      if (start === 0) {
+        return WEEK_DAYS.value;
+      } else {
+        return WEEK_DAYS.value.slice(start).concat(WEEK_DAYS.value.slice(0, start));
+      }
+    });
+    return {
+      isInRange,
+      weekDays,
+      rows,
+      getCellClass,
+      pickDay,
+      getSlotData
+    };
+  }
+});
+
+exports["default"] = script;
+exports.getMonthDays = getMonthDays;
+exports.getPrevMonthLastDays = getPrevMonthLastDays;
+//# sourceMappingURL=date-table.vue_vue_type_script_lang.js.map

package/lib/components/calendar/src/date-table.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-table.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"{\n      'el-calendar-table': true,\n      'is-range': isInRange,\n    }\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          'el-calendar-table__row': true,\n          'el-calendar-table__row--hide-border': index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"pickDay(cell)\"\n        >\n          <div class=\"el-calendar-day\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport type { Dayjs } from 'dayjs'\nimport type { PropType } from 'vue'\ndayjs.extend(localeData)\n\nexport const getPrevMonthLastDays = (date: Dayjs, amount) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(amount).map((_, index) => lastDay - (amount - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport default defineComponent({\n  props: {\n    selectedDay: {\n      type: Object as PropType<Dayjs>,\n    },\n    range: {\n      type: Array as PropType<Array<Dayjs>>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    hideHeader: {\n      type: Boolean,\n    },\n  },\n  emits: ['pick'],\n  setup(props, ctx) {\n    const { lang } = useLocaleInject()\n    const WEEK_DAYS = ref(\n      dayjs().locale(lang.value).localeData().weekdaysShort()\n    )\n\n    const now = dayjs().locale(lang.value)\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (now as any).$locale().weekStart || 0\n\n    const toNestedArr = (days) => {\n      return rangeArr(days.length / 7).map((_, index) => {\n        const start = index * 7\n        return days.slice(start, start + 7)\n      })\n    }\n\n    const getFormattedDate = (day, type): Dayjs => {\n      let result\n      if (type === 'prev') {\n        result = props.date.startOf('month').subtract(1, 'month').date(day)\n      } else if (type === 'next') {\n        result = props.date.startOf('month').add(1, 'month').date(day)\n      } else {\n        result = props.date.date(day)\n      }\n      return result\n    }\n\n    const getCellClass = ({ text, type }) => {\n      const classes = [type]\n      if (type === 'current') {\n        const date_ = getFormattedDate(text, type)\n        if (date_.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date_.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const pickDay = ({ text, type }) => {\n      const date = getFormattedDate(text, type)\n      ctx.emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    const isInRange = computed(() => {\n      return props.range && props.range.length\n    })\n\n    const rows = computed(() => {\n      let days = []\n      if (isInRange.value) {\n        const [start, end] = props.range\n        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map(\n          (_, index) => ({\n            text: start.date() + index,\n            type: 'current',\n          })\n        )\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays = getMonthDays(props.date).map((day) => ({\n          text: day,\n          type: 'current',\n        }))\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays = rangeArr(42 - days.length).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n\n      if (start === 0) {\n        return WEEK_DAYS.value\n      } else {\n        return WEEK_DAYS.value\n          .slice(start)\n          .concat(WEEK_DAYS.value.slice(0, start))\n      }\n    })\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      pickDay,\n      getSlotData,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","localeData","rangeArr","defineComponent","useLocaleInject","ref","computed"],"mappings":"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"}

package/lib/components/calendar/src/date-table.vue_vue_type_template_id_297fdb36_lang.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "el-calendar-day" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("table", {
+    class: vue.normalizeClass({
+      "el-calendar-table": true,
+      "is-range": _ctx.isInRange
+    }),
+    cellspacing: "0",
+    cellpadding: "0"
+  }, [
+    !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekDays, (day) => {
+        return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
+      }), 128))
+    ])) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("tbody", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, index) => {
+        return vue.openBlock(), vue.createElementBlock("tr", {
+          key: index,
+          class: vue.normalizeClass({
+            "el-calendar-table__row": true,
+            "el-calendar-table__row--hide-border": index === 0 && _ctx.hideHeader
+          })
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key) => {
+            return vue.openBlock(), vue.createElementBlock("td", {
+              key,
+              class: vue.normalizeClass(_ctx.getCellClass(cell)),
+              onClick: ($event) => _ctx.pickDay(cell)
+            }, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.renderSlot(_ctx.$slots, "dateCell", {
+                  data: _ctx.getSlotData(cell)
+                }, () => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
+                ])
+              ])
+            ], 10, _hoisted_2);
+          }), 128))
+        ], 2);
+      }), 128))
+    ])
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=date-table.vue_vue_type_template_id_297fdb36_lang.js.map

package/lib/components/calendar/src/date-table.vue_vue_type_template_id_297fdb36_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-table.vue_vue_type_template_id_297fdb36_lang.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue?vue&type=template&id=297fdb36&lang.js"],"sourcesContent":["<template>\n  <table\n    :class=\"{\n      'el-calendar-table': true,\n      'is-range': isInRange,\n    }\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          'el-calendar-table__row': true,\n          'el-calendar-table__row--hide-border': index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"pickDay(cell)\"\n        >\n          <div class=\"el-calendar-day\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport type { Dayjs } from 'dayjs'\nimport type { PropType } from 'vue'\ndayjs.extend(localeData)\n\nexport const getPrevMonthLastDays = (date: Dayjs, amount) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(amount).map((_, index) => lastDay - (amount - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport default defineComponent({\n  props: {\n    selectedDay: {\n      type: Object as PropType<Dayjs>,\n    },\n    range: {\n      type: Array as PropType<Array<Dayjs>>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    hideHeader: {\n      type: Boolean,\n    },\n  },\n  emits: ['pick'],\n  setup(props, ctx) {\n    const { lang } = useLocaleInject()\n    const WEEK_DAYS = ref(\n      dayjs().locale(lang.value).localeData().weekdaysShort()\n    )\n\n    const now = dayjs().locale(lang.value)\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (now as any).$locale().weekStart || 0\n\n    const toNestedArr = (days) => {\n      return rangeArr(days.length / 7).map((_, index) => {\n        const start = index * 7\n        return days.slice(start, start + 7)\n      })\n    }\n\n    const getFormattedDate = (day, type): Dayjs => {\n      let result\n      if (type === 'prev') {\n        result = props.date.startOf('month').subtract(1, 'month').date(day)\n      } else if (type === 'next') {\n        result = props.date.startOf('month').add(1, 'month').date(day)\n      } else {\n        result = props.date.date(day)\n      }\n      return result\n    }\n\n    const getCellClass = ({ text, type }) => {\n      const classes = [type]\n      if (type === 'current') {\n        const date_ = getFormattedDate(text, type)\n        if (date_.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date_.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const pickDay = ({ text, type }) => {\n      const date = getFormattedDate(text, type)\n      ctx.emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    const isInRange = computed(() => {\n      return props.range && props.range.length\n    })\n\n    const rows = computed(() => {\n      let days = []\n      if (isInRange.value) {\n        const [start, end] = props.range\n        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map(\n          (_, index) => ({\n            text: start.date() + index,\n            type: 'current',\n          })\n        )\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays = getMonthDays(props.date).map((day) => ({\n          text: day,\n          type: 'current',\n        }))\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays = rangeArr(42 - days.length).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n\n      if (start === 0) {\n        return WEEK_DAYS.value\n      } else {\n        return WEEK_DAYS.value\n          .slice(start)\n          .concat(WEEK_DAYS.value.slice(0, start))\n      }\n    })\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      pickDay,\n      getSlotData,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;qBA2Be,OAAM;;0BA1BnBA;IACG;;;;IAID,aAAY;AAAA,IACZ,aAAY;AAAA;KAEE,oCAAdA;4BACEA,0DAAkB,gBAAP;gCAAXA,+BAA6B,KAAK,2BAAQ;;;IAE5CC;4BACED,0DACyB,YAAf,KAAK;gCADfA;UAEG,KAAK;AAAA,UACL;;;;;gCAKDA,0DACwB,MAAd,MAAM;oCADhBA;cAEG;AAAA,cACA,0BAAO,kBAAa;AAAA,cACpB,qBAAO,aAAQ;AAAA;cAEhBC,8BAAA;gBACEC;kBAAuB,MAAM,iBAAY;AAAA,mBAAzC;kBACED,yDAAS,KAAK;;;;;;;;;;;;;"}

package/lib/components/calendar/src/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
-var index_vue_vue_type_template_id_819aa44a_lang = require('./index.vue_vue&type=template&id=819aa44a&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
+var index_vue_vue_type_template_id_819aa44a_lang = require('./index.vue_vue_type_template_id_819aa44a_lang.js');
 
 index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_819aa44a_lang.render;
 index_vue_vue_type_script_lang["default"].__file = "packages/components/calendar/src/index.vue";