@element-plus/nightly 0.0.20251227 → 0.0.20251228

package/es/components/calendar/src/select-controller2.mjs

@@ -1,18 +1,101 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { isObject, isString } from '@vue/shared';
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, createVNode, unref, normalizeClass, withCtx, createTextVNode, toDisplayString } from 'vue';
+import dayjs from 'dayjs';
+import { ElSelect } from '../../select/index.mjs';
+import { ElButton } from '../../button/index.mjs';
+import { selectControllerProps, selectControllerEmits } from './select-controller.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';
+import { isFunction } from '@vue/shared';
 
-const selectControllerProps = buildProps({
-  date: {
-    type: definePropType(Object),
-    required: true
+const _sfc_main = defineComponent({
+  ...{
+    name: "SelectController"
   },
-  formatter: {
-    type: definePropType(Function)
+  __name: "select-controller",
+  props: selectControllerProps,
+  emits: selectControllerEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nsSelect = useNamespace("calendar-select");
+    const { t, lang } = useLocale();
+    const monthOptions = Array.from({ length: 12 }, (_, index) => {
+      const actualMonth = index + 1;
+      const label = isFunction(props.formatter) ? props.formatter(actualMonth, "month") : actualMonth;
+      return {
+        value: actualMonth,
+        label
+      };
+    });
+    const yearValue = computed(() => props.date.year());
+    const monthValue = computed(() => props.date.month() + 1);
+    const yearOptions = computed(() => {
+      const years = [];
+      for (let i = -10; i < 10; i++) {
+        const year = yearValue.value + i;
+        if (year > 0) {
+          const label = isFunction(props.formatter) ? props.formatter(year, "year") : year;
+          years.push({ value: year, label });
+        }
+      }
+      return years;
+    });
+    const handleYearChange = (year) => {
+      emit(
+        "date-change",
+        dayjs(new Date(year, monthValue.value - 1, 1)).locale(lang.value)
+      );
+    };
+    const handleMonthChange = (month) => {
+      emit(
+        "date-change",
+        dayjs(new Date(yearValue.value, month - 1, 1)).locale(lang.value)
+      );
+    };
+    const selectToday = () => {
+      emit("date-change", "today");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(unref(ElSelect), {
+            "model-value": yearValue.value,
+            size: "small",
+            class: normalizeClass(unref(nsSelect).e("year")),
+            "validate-event": false,
+            options: yearOptions.value,
+            onChange: handleYearChange
+          }, null, 8, ["model-value", "class", "options"]),
+          createVNode(unref(ElSelect), {
+            "model-value": monthValue.value,
+            size: "small",
+            class: normalizeClass(unref(nsSelect).e("month")),
+            "validate-event": false,
+            options: unref(monthOptions),
+            onChange: handleMonthChange
+          }, null, 8, ["model-value", "class", "options"]),
+          createVNode(unref(ElButton), {
+            size: "small",
+            onClick: selectToday
+          }, {
+            default: withCtx(() => [
+              createTextVNode(
+                toDisplayString(unref(t)("el.datepicker.today")),
+                1
+              )
+            ]),
+            _: 1
+          })
+        ],
+        64
+      );
+    };
   }
 });
-const selectControllerEmits = {
-  "date-change": (date) => isObject(date) || isString(date)
-};
+var SelectController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/calendar/src/select-controller.vue"]]);
 
-export { selectControllerEmits, selectControllerProps };
+export { SelectController as default };
 //# sourceMappingURL=select-controller2.mjs.map

package/es/components/calendar/src/select-controller2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-controller2.mjs","sources":["../../../../../../packages/components/calendar/src/select-controller.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isObject,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const selectControllerProps = buildProps({\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\nexport type SelectControllerProps = ExtractPropTypes<\n  typeof selectControllerProps\n>\nexport type SelectControllerPropsPublic = ExtractPublicPropTypes<\n  typeof selectControllerProps\n>\n\nexport const selectControllerEmits = {\n  'date-change': (date: Dayjs | 'today') => isObject(date) || isString(date),\n}\nexport type SelectControllerEmits = typeof selectControllerEmits\n"],"names":[],"mappings":";;;AAUO,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAC9C,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAEJ,QAAQ,CAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAQH,MAAM,qBAAwB,GAAA;AAAA,EACnC,eAAe,CAAC,IAAA,KAA0B,SAAS,IAAI,CAAA,IAAK,SAAS,IAAI,CAAA;AAC3E;;;;"}
+{"version":3,"file":"select-controller2.mjs","sources":["../../../../../../packages/components/calendar/src/select-controller.vue"],"sourcesContent":["<template>\n  <el-select\n    :model-value=\"yearValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('year')\"\n    :validate-event=\"false\"\n    :options=\"yearOptions\"\n    @change=\"handleYearChange\"\n  />\n  <el-select\n    :model-value=\"monthValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('month')\"\n    :validate-event=\"false\"\n    :options=\"monthOptions\"\n    @change=\"handleMonthChange\"\n  />\n  <el-button size=\"small\" @click=\"selectToday\">\n    {{ t('el.datepicker.today') }}\n  </el-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElSelect from '@element-plus/components/select'\nimport { ElButton } from '@element-plus/components/button'\nimport { isFunction } from '@element-plus/utils'\nimport {\n  selectControllerEmits,\n  selectControllerProps,\n} from './select-controller'\n\ndefineOptions({\n  name: 'SelectController',\n})\n\nconst props = defineProps(selectControllerProps)\nconst emit = defineEmits(selectControllerEmits)\n\nconst nsSelect = useNamespace('calendar-select')\nconst { t, lang } = useLocale()\n\nconst monthOptions = Array.from({ length: 12 }, (_, index) => {\n  const actualMonth = index + 1\n  const label = isFunction(props.formatter)\n    ? props.formatter(actualMonth, 'month')\n    : actualMonth\n  return {\n    value: actualMonth,\n    label,\n  }\n})\n\nconst yearValue = computed(() => props.date.year())\nconst monthValue = computed(() => props.date.month() + 1)\n// Get an array of 20 years\nconst yearOptions = computed(() => {\n  const years = []\n  for (let i = -10; i < 10; i++) {\n    const year = yearValue.value + i\n    if (year > 0) {\n      const label = isFunction(props.formatter)\n        ? props.formatter(year, 'year')\n        : year\n      years.push({ value: year, label })\n    }\n  }\n  return years\n})\n\nconst handleYearChange = (year: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(year, monthValue.value - 1, 1)).locale(lang.value)\n  )\n}\n\nconst handleMonthChange = (month: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(yearValue.value, month - 1, 1)).locale(lang.value)\n  )\n}\n\nconst selectToday = () => {\n  emit('date-change', 'today')\n}\n</script>\n"],"names":["_createVNode","_unref","_normalizeClass","_createTextVNode"],"mappings":"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"}

package/es/components/carousel/index.mjs

@@ -1,7 +1,7 @@
-import Carousel from './src/carousel2.mjs';
-import CarouselItem from './src/carousel-item2.mjs';
-export { carouselEmits, carouselProps } from './src/carousel.mjs';
-export { carouselItemProps } from './src/carousel-item.mjs';
+import Carousel from './src/carousel.mjs';
+import CarouselItem from './src/carousel-item.mjs';
+export { carouselEmits, carouselProps } from './src/carousel2.mjs';
+export { carouselItemProps } from './src/carousel-item2.mjs';
 export { CAROUSEL_ITEM_NAME, carouselContextKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

package/es/components/carousel/src/carousel-item.mjs

@@ -1,12 +1,84 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
+import { carouselItemProps } from './carousel-item2.mjs';
+import { useCarouselItem } from './use-carousel-item.mjs';
+import { CAROUSEL_ITEM_NAME } from './constants.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const carouselItemProps = buildProps({
-  name: { type: String, default: "" },
-  label: {
-    type: [String, Number],
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: CAROUSEL_ITEM_NAME
+  },
+  __name: "carousel-item",
+  props: carouselItemProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("carousel");
+    const {
+      carouselItemRef,
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    } = useCarouselItem(props);
+    const itemKls = computed(() => [
+      ns.e("item"),
+      ns.is("active", active.value),
+      ns.is("in-stage", inStage.value),
+      ns.is("hover", hover.value),
+      ns.is("animating", animating.value),
+      {
+        [ns.em("item", "card")]: isCardType.value,
+        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
+      }
+    ]);
+    const itemStyle = computed(() => {
+      const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
+      const _translate = `${translateType}(${unref(translate)}px)`;
+      const _scale = `scale(${unref(scale)})`;
+      const transform = [_translate, _scale].join(" ");
+      return {
+        transform
+      };
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "carouselItemRef",
+          ref: carouselItemRef,
+          class: normalizeClass(itemKls.value),
+          style: normalizeStyle(itemStyle.value),
+          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
+        },
+        [
+          unref(isCardType) ? withDirectives((openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("mask"))
+            },
+            null,
+            2
+          )), [
+            [vShow, !unref(active)]
+          ]) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        6
+      )), [
+        [vShow, unref(ready)]
+      ]);
+    };
   }
 });
+var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel-item.vue"]]);
 
-export { carouselItemProps };
+export { CarouselItem as default };
 //# sourceMappingURL=carousel-item.mjs.map

package/es/components/carousel/src/carousel-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":[],"mappings":";;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAI1C,IAAM,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_unref","_createCommentVNode","_renderSlot"],"mappings":"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"}

package/es/components/carousel/src/carousel-item2.mjs

@@ -1,84 +1,12 @@
-import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
-import { carouselItemProps } from './carousel-item.mjs';
-import { useCarouselItem } from './use-carousel-item.mjs';
-import { CAROUSEL_ITEM_NAME } from './constants.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: CAROUSEL_ITEM_NAME
-  },
-  __name: "carousel-item",
-  props: carouselItemProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("carousel");
-    const {
-      carouselItemRef,
-      active,
-      animating,
-      hover,
-      inStage,
-      isVertical,
-      translate,
-      isCardType,
-      scale,
-      ready,
-      handleItemClick
-    } = useCarouselItem(props);
-    const itemKls = computed(() => [
-      ns.e("item"),
-      ns.is("active", active.value),
-      ns.is("in-stage", inStage.value),
-      ns.is("hover", hover.value),
-      ns.is("animating", animating.value),
-      {
-        [ns.em("item", "card")]: isCardType.value,
-        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
-      }
-    ]);
-    const itemStyle = computed(() => {
-      const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
-      const _translate = `${translateType}(${unref(translate)}px)`;
-      const _scale = `scale(${unref(scale)})`;
-      const transform = [_translate, _scale].join(" ");
-      return {
-        transform
-      };
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "carouselItemRef",
-          ref: carouselItemRef,
-          class: normalizeClass(itemKls.value),
-          style: normalizeStyle(itemStyle.value),
-          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
-        },
-        [
-          unref(isCardType) ? withDirectives((openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(unref(ns).e("mask"))
-            },
-            null,
-            2
-          )), [
-            [vShow, !unref(active)]
-          ]) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default")
-        ],
-        6
-      )), [
-        [vShow, unref(ready)]
-      ]);
-    };
+const carouselItemProps = buildProps({
+  name: { type: String, default: "" },
+  label: {
+    type: [String, Number],
+    default: ""
   }
 });
-var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel-item.vue"]]);
 
-export { CarouselItem as default };
+export { carouselItemProps };
 //# sourceMappingURL=carousel-item2.mjs.map

package/es/components/carousel/src/carousel-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_unref","_createCommentVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":[],"mappings":";;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAI1C,IAAM,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}