@element-plus/nightly 0.0.20260108 → 0.0.20260110

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

@@ -1,104 +1,73 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, Fragment, renderSlot, normalizeClass, createCommentVNode } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { useButton } from './use-button.mjs';
-import { buttonProps, buttonEmits } from './button.mjs';
-import { useButtonCustomStyle } from './button-custom.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElButton"
+const buttonTypes = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonNativeTypes = ["button", "submit", "reset"];
+const buttonProps = buildProps({
+  size: useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
   },
-  __name: "button",
-  props: buttonProps,
-  emits: buttonEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const buttonStyle = useButtonCustomStyle(props);
-    const ns = useNamespace("button");
-    const {
-      _ref,
-      _size,
-      _type,
-      _disabled,
-      _props,
-      _plain,
-      _round,
-      _text,
-      shouldAddSpace,
-      handleClick
-    } = useButton(props, emit);
-    const buttonKls = computed(() => [
-      ns.b(),
-      ns.m(_type.value),
-      ns.m(_size.value),
-      ns.is("disabled", _disabled.value),
-      ns.is("loading", props.loading),
-      ns.is("plain", _plain.value),
-      ns.is("round", _round.value),
-      ns.is("circle", props.circle),
-      ns.is("text", _text.value),
-      ns.is("link", props.link),
-      ns.is("has-bg", props.bg)
-    ]);
-    __expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
-        ref_key: "_ref",
-        ref: _ref
-      }, unref(_props), {
-        class: buttonKls.value,
-        style: unref(buttonStyle),
-        onClick: unref(handleClick)
-      }), {
-        default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 0 },
-            [
-              _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
-                key: 1,
-                class: normalizeClass(unref(ns).is("loading"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"]))
-            ],
-            64
-          )) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-            default: withCtx(() => [
-              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 2,
-              class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["class", "style", "onClick"]);
-    };
+  type: {
+    type: String,
+    values: buttonTypes,
+    default: ""
+  },
+  icon: {
+    type: iconPropType
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeTypes,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: iconPropType,
+    default: () => Loading
+  },
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
+  text: {
+    type: Boolean,
+    default: void 0
+  },
+  link: Boolean,
+  bg: Boolean,
+  autofocus: Boolean,
+  round: {
+    type: Boolean,
+    default: void 0
+  },
+  circle: Boolean,
+  color: String,
+  dark: Boolean,
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
+  },
+  tag: {
+    type: definePropType([String, Object]),
+    default: "button"
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Button as default };
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes };
 //# sourceMappingURL=button2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"_ref\"\n    v-bind=\"_props\"\n    :class=\"buttonKls\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\" />\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 || $slots.icon\">\n      <component :is=\"icon\" v-if=\"icon\" />\n      <slot v-else name=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useButton } from './use-button'\nimport { buttonEmits, buttonProps } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst {\n  _ref,\n  _size,\n  _type,\n  _disabled,\n  _props,\n  _plain,\n  _round,\n  _text,\n  shouldAddSpace,\n  handleClick,\n} = useButton(props, emit)\nconst buttonKls = computed(() => [\n  ns.b(),\n  ns.m(_type.value),\n  ns.m(_size.value),\n  ns.is('disabled', _disabled.value),\n  ns.is('loading', props.loading),\n  ns.is('plain', _plain.value),\n  ns.is('round', _round.value),\n  ns.is('circle', props.circle),\n  ns.is('text', _text.value),\n  ns.is('link', props.link),\n  ns.is('has-bg', props.bg),\n])\n\ndefineExpose({\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: _size,\n  /** @description button type */\n  type: _type,\n  /** @description button disabled */\n  disabled: _disabled,\n  /** @description whether adding space */\n  shouldAddSpace,\n})\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","tag","_mergeProps","_unref","loading","_openBlock","_createElementBlock","_Fragment","$slots","_renderSlot","_normalizeClass","loadingIcon","icon","_withCtx"],"mappings":"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"}
+{"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const buttonTypes = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  /**\n   * @deprecated\n   * Text type will be deprecated in the next major version (3.0.0)\n   */\n  'text',\n  '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  /**\n   * @description button size\n   */\n  size: useSizeProp,\n  /**\n   * @description disable the button\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description button type\n   */\n  type: {\n    type: String,\n    values: buttonTypes,\n    default: '',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description native button type\n   */\n  nativeType: {\n    type: String,\n    values: buttonNativeTypes,\n    default: 'button',\n  },\n  /**\n   * @description determine whether it's loading\n   */\n  loading: Boolean,\n  /**\n   * @description customize loading icon component\n   */\n  loadingIcon: {\n    type: iconPropType,\n    default: () => Loading,\n  },\n  /**\n   * @description determine whether it's a plain button\n   */\n  plain: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a text button\n   */\n  text: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a link button\n   */\n  link: Boolean,\n  /**\n   * @description determine whether the text button background color is always on\n   */\n  bg: Boolean,\n  /**\n   * @description native button autofocus\n   */\n  autofocus: Boolean,\n  /**\n   * @description determine whether it's a round button\n   */\n  round: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a circle button\n   */\n  circle: Boolean,\n  /**\n   * @description custom button color, automatically calculate `hover` and `active` color\n   */\n  color: String,\n  /**\n   * @description dark mode, which automatically converts `color` to dark mode colors\n   */\n  dark: Boolean,\n  /**\n   * @description automatically insert a space between two chinese characters\n   */\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: definePropType<string | Component>([String, Object]),\n    default: 'button',\n  },\n} as const)\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonPropsPublic = ExtractPublicPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport interface ButtonConfigContext {\n  type?: string\n  plain?: boolean\n  text?: boolean\n  round?: boolean\n  autoInsertSpace?: boolean\n}\n"],"names":[],"mappings":";;;;;AAMO,MAAM,WAAc,GAAA;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EAKA,MAAA;AAAA,EACA,EAAA;AACF,EAAA;AACO,MAAM,iBAAoB,GAAA,CAAC,QAAU,EAAA,QAAA,EAAU,OAAO,EAAA;AAEtD,MAAM,cAAc,UAAW,CAAA;AAAA,EAIpC,IAAM,EAAA,WAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,WAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,YAAA;AAAA,GACR;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,iBAAA;AAAA,IACR,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,YAAA;AAAA,IACN,SAAS,MAAM,OAAA;AAAA,GACjB;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA,OAAA;AAAA,EAIN,EAAI,EAAA,OAAA;AAAA,EAIJ,SAAW,EAAA,OAAA;AAAA,EAIX,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,KAAO,EAAA,MAAA;AAAA,EAIP,IAAM,EAAA,OAAA;AAAA,EAIN,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,cAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,QAAA;AAAA,GACX;AACF,CAAU,EAAA;AACH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock, mergeProps } from 'vue';
 import { ElButtonGroup, ElButton } from '../../button/index.mjs';
-import DateTable from './date-table2.mjs';
+import DateTable from './date-table.mjs';
 import { useCalendar } from './use-calendar.mjs';
 import { calendarProps, calendarEmits } from './calendar.mjs';
 import SelectController from './select-controller2.mjs';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"date-table.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.ts"],"sourcesContent":["import { buildProps, definePropType, isObject } from '@element-plus/utils'\nimport { rangeArr } from '@element-plus/components/time-picker'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport type CalendarDateCellType = 'next' | 'prev' | 'current'\nexport type CalendarDateCell = {\n  text: number\n  type: CalendarDateCellType\n}\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport const toNestedArr = (days: CalendarDateCell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport const dateTableProps = buildProps({\n  selectedDay: {\n    type: definePropType<Dayjs>(Object),\n  },\n  range: {\n    type: definePropType<[Dayjs, Dayjs]>(Array),\n  },\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  hideHeader: {\n    type: Boolean,\n  },\n} as const)\nexport type DateTableProps = ExtractPropTypes<typeof dateTableProps>\nexport type DateTablePropsPublic = ExtractPublicPropTypes<typeof dateTableProps>\n\nexport const dateTableEmits = {\n  pick: (value: Dayjs) => isObject(value),\n}\nexport type DateTableEmits = typeof dateTableEmits\n"],"names":[],"mappings":";;;;AAYa,MAAA,oBAAA,GAAuB,CAAC,IAAA,EAAa,KAAkB,KAAA;AAClE,EAAM,MAAA,OAAA,GAAU,KAAK,QAAS,CAAA,CAAA,EAAG,OAAO,CAAE,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,IAAK,EAAA,CAAA;AAC9D,EAAO,OAAA,QAAA,CAAS,KAAK,CAAA,CAAE,GAAI,CAAA,CAAC,GAAG,KAAU,KAAA,OAAA,IAAW,KAAQ,GAAA,KAAA,GAAQ,CAAE,CAAA,CAAA,CAAA;AACxE,EAAA;AAEa,MAAA,YAAA,GAAe,CAAC,IAAgB,KAAA;AAC3C,EAAM,MAAA,IAAA,GAAO,KAAK,WAAY,EAAA,CAAA;AAC9B,EAAO,OAAA,QAAA,CAAS,IAAI,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,KAAA,KAAU,QAAQ,CAAC,CAAA,CAAA;AACnD,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,IAAA,KAC1B,QAAS,CAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,KAAU,KAAA;AACvC,EAAA,MAAM,QAAQ,KAAQ,GAAA,CAAA,CAAA;AACtB,EAAA,OAAO,IAAK,CAAA,KAAA,CAAM,KAAO,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA;AACpC,CAAC,EAAA;AAEI,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,GACpC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,GAC5C;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,IAAM,EAAA,CAAC,KAAiB,KAAA,QAAA,CAAS,KAAK,CAAA;AACxC;;;;"}
+{"version":3,"file":"date-table.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <tr>\n        <th v-for=\"day in weekDays\" :key=\"day\" scope=\"col\">{{ day }}</th>\n      </tr>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"date-cell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { dateTableEmits, dateTableProps } from './date-table'\nimport { useDateTable } from './use-date-table'\n\nimport type { CalendarDateCell } from './date-table'\n\ndefineOptions({\n  name: 'DateTable',\n})\n\nconst props = defineProps(dateTableProps)\nconst emit = defineEmits(dateTableEmits)\n\nconst {\n  isInRange,\n  now,\n  rows,\n  weekDays,\n  getFormattedDate,\n  handlePickDay,\n  getSlotData,\n} = useDateTable(props, emit)\n\nconst nsTable = useNamespace('calendar-table')\nconst nsDay = useNamespace('calendar-day')\n\nconst getCellClass = ({ text, type }: CalendarDateCell) => {\n  const classes: string[] = [type]\n  if (type === 'current') {\n    const date = getFormattedDate(text, type)\n    if (date.isSame(props.selectedDay, 'day')) {\n      classes.push(nsDay.is('selected'))\n    }\n    if (date.isSame(now, 'day')) {\n      classes.push(nsDay.is('today'))\n    }\n  }\n  return classes\n}\n\ndefineExpose({\n  /** @description toggle date panel */\n  getFormattedDate,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","hideHeader","_createElementVNode","_Fragment","_renderList","_renderSlot","_toDisplayString"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"date-table2.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <tr>\n        <th v-for=\"day in weekDays\" :key=\"day\" scope=\"col\">{{ day }}</th>\n      </tr>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"date-cell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { dateTableEmits, dateTableProps } from './date-table'\nimport { useDateTable } from './use-date-table'\n\nimport type { CalendarDateCell } from './date-table'\n\ndefineOptions({\n  name: 'DateTable',\n})\n\nconst props = defineProps(dateTableProps)\nconst emit = defineEmits(dateTableEmits)\n\nconst {\n  isInRange,\n  now,\n  rows,\n  weekDays,\n  getFormattedDate,\n  handlePickDay,\n  getSlotData,\n} = useDateTable(props, emit)\n\nconst nsTable = useNamespace('calendar-table')\nconst nsDay = useNamespace('calendar-day')\n\nconst getCellClass = ({ text, type }: CalendarDateCell) => {\n  const classes: string[] = [type]\n  if (type === 'current') {\n    const date = getFormattedDate(text, type)\n    if (date.isSame(props.selectedDay, 'day')) {\n      classes.push(nsDay.is('selected'))\n    }\n    if (date.isSame(now, 'day')) {\n      classes.push(nsDay.is('today'))\n    }\n  }\n  return classes\n}\n\ndefineExpose({\n  /** @description toggle date panel */\n  getFormattedDate,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","hideHeader","_createElementVNode","_Fragment","_renderList","_renderSlot","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"date-table2.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.ts"],"sourcesContent":["import { buildProps, definePropType, isObject } from '@element-plus/utils'\nimport { rangeArr } from '@element-plus/components/time-picker'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport type CalendarDateCellType = 'next' | 'prev' | 'current'\nexport type CalendarDateCell = {\n  text: number\n  type: CalendarDateCellType\n}\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport const toNestedArr = (days: CalendarDateCell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport const dateTableProps = buildProps({\n  selectedDay: {\n    type: definePropType<Dayjs>(Object),\n  },\n  range: {\n    type: definePropType<[Dayjs, Dayjs]>(Array),\n  },\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  hideHeader: {\n    type: Boolean,\n  },\n} as const)\nexport type DateTableProps = ExtractPropTypes<typeof dateTableProps>\nexport type DateTablePropsPublic = ExtractPublicPropTypes<typeof dateTableProps>\n\nexport const dateTableEmits = {\n  pick: (value: Dayjs) => isObject(value),\n}\nexport type DateTableEmits = typeof dateTableEmits\n"],"names":[],"mappings":";;;;AAYa,MAAA,oBAAA,GAAuB,CAAC,IAAA,EAAa,KAAkB,KAAA;AAClE,EAAM,MAAA,OAAA,GAAU,KAAK,QAAS,CAAA,CAAA,EAAG,OAAO,CAAE,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,IAAK,EAAA,CAAA;AAC9D,EAAO,OAAA,QAAA,CAAS,KAAK,CAAA,CAAE,GAAI,CAAA,CAAC,GAAG,KAAU,KAAA,OAAA,IAAW,KAAQ,GAAA,KAAA,GAAQ,CAAE,CAAA,CAAA,CAAA;AACxE,EAAA;AAEa,MAAA,YAAA,GAAe,CAAC,IAAgB,KAAA;AAC3C,EAAM,MAAA,IAAA,GAAO,KAAK,WAAY,EAAA,CAAA;AAC9B,EAAO,OAAA,QAAA,CAAS,IAAI,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,KAAA,KAAU,QAAQ,CAAC,CAAA,CAAA;AACnD,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,IAAA,KAC1B,QAAS,CAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,KAAU,KAAA;AACvC,EAAA,MAAM,QAAQ,KAAQ,GAAA,CAAA,CAAA;AACtB,EAAA,OAAO,IAAK,CAAA,KAAA,CAAM,KAAO,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA;AACpC,CAAC,EAAA;AAEI,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,GACpC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,GAC5C;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,IAAM,EAAA,CAAC,KAAiB,KAAA,QAAA,CAAS,KAAK,CAAA;AACxC;;;;"}

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

@@ -1,7 +1,7 @@
 import { computed } from 'vue';
 import dayjs from 'dayjs';
 import localeData from 'dayjs/plugin/localeData.js';
-import { getPrevMonthLastDays, getMonthDays, toNestedArr } from './date-table.mjs';
+import { getPrevMonthLastDays, getMonthDays, toNestedArr } from './date-table2.mjs';
 import { WEEK_DAYS } from '../../../constants/date.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { rangeArr } from '../../time-picker/src/utils.mjs';