@element-plus/nightly 0.0.20251227 → 0.0.20251229

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":";;;;;;;;;;;;;;;;;;AAsCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,QAAA,GAAW,aAAa,iBAAiB,CAAA,CAAA;AAC/C,IAAA,MAAM,EAAE,CAAA,EAAG,IAAK,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAA,YAAA,GAAe,MAAM,IAAK,CAAA,EAAE,QAAQ,EAAG,EAAA,EAAG,CAAC,CAAA,EAAG,KAAU,KAAA;AAC5D,MAAA,MAAM,cAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,MAAA,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,SAAS,IACpC,KAAM,CAAA,SAAA,CAAU,WAAa,EAAA,OAAO,CACpC,GAAA,WAAA,CAAA;AACG,MAAA,OAAA;AAAA,QACL,KAAO,EAAA,WAAA;AAAA,QACP,KAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,QAAS,CAAA,MAAM,KAAM,CAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAClD,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM,MAAM,IAAK,CAAA,KAAA,KAAU,CAAC,CAAA,CAAA;AAElD,IAAA,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,MAAM,QAAQ,EAAC,CAAA;AACf,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAA,EAAK,CAAI,GAAA,EAAA,EAAI,CAAK,EAAA,EAAA;AACvB,QAAA,MAAA,IAAA,GAAO,UAAU,KAAQ,GAAA,CAAA,CAAA;AAC/B,QAAA,IAAI,OAAO,CAAG,EAAA;AACN,UAAA,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,SAAS,IACpC,KAAM,CAAA,SAAA,CAAU,IAAM,EAAA,MAAM,CAC5B,GAAA,IAAA,CAAA;AACJ,UAAA,KAAA,CAAM,IAAK,CAAA,EAAE,KAAO,EAAA,IAAA,EAAM,OAAO,CAAA,CAAA;AAAA,SACnC;AAAA,OACF;AACO,MAAA,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAEK,IAAA,MAAA,gBAAA,GAAmB,CAAC,IAAiB,KAAA;AACzC,MAAA,IAAA;AAAA,QACE,aAAA;AAAA,QACA,KAAM,CAAA,IAAI,IAAK,CAAA,IAAA,EAAM,UAAW,CAAA,KAAA,GAAQ,CAAG,EAAA,CAAC,CAAC,CAAA,CAAE,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OAClE,CAAA;AAAA,KACF,CAAA;AAEM,IAAA,MAAA,iBAAA,GAAoB,CAAC,KAAkB,KAAA;AAC3C,MAAA,IAAA;AAAA,QACE,aAAA;AAAA,QACA,KAAM,CAAA,IAAI,IAAK,CAAA,SAAA,CAAU,KAAO,EAAA,KAAA,GAAQ,CAAG,EAAA,CAAC,CAAC,CAAA,CAAE,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OAClE,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAA,CAAK,eAAe,OAAO,CAAA,CAAA;AAAA,KAC7B,CAAA;;;;;;UAvFEA,WAAA,CAOEC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA,YANC,eAAa,SAAA,CAAA,KAAA;AAAA,YACd,IAAK,EAAA,OAAA;AAAA,YACJ,OAAKC,cAAE,CAAAD,KAAA,CAAA,QAAA,CAAS,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,YACjB,gBAAgB,EAAA,KAAA;AAAA,YAChB,SAAS,WAAA,CAAA,KAAA;AAAA,YACT,QAAQ,EAAA,gBAAA;AAAA,aAAA,IAAA,EAAA,CAAA,EAAA,CAAA,aAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAEXD,WAAA,CAOEC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA,YANC,eAAa,UAAA,CAAA,KAAA;AAAA,YACd,IAAK,EAAA,OAAA;AAAA,YACJ,OAAKC,cAAE,CAAAD,KAAA,CAAA,QAAA,CAAS,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,YACjB,gBAAgB,EAAA,KAAA;AAAA,YAChB,OAAA,EAASA,MAAA,YAAA,CAAA;AAAA,YACT,QAAQ,EAAA,iBAAA;AAAA,aAAA,IAAA,EAAA,CAAA,EAAA,CAAA,aAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAEXD,WAAA,CAEYC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA,YAFD,IAAK,EAAA,OAAA;AAAA,YAAS,OAAO,EAAA,WAAA;AAAA,WAAA,EAAA;AAAA,6BAC9B,MAA8B;AAAA,cAAAE,eAAA;AAAA,+BAA3B,CAAAF,KAAA,CAAC,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA;AAAA,aAAA,CAAA;AAAA;;;;;;;;;;;;"}

package/es/components/cascader/index.mjs

@@ -1,5 +1,5 @@
-import Cascader from './src/cascader.mjs';
-export { cascaderEmits, cascaderProps } from './src/cascader2.mjs';
+import Cascader from './src/cascader2.mjs';
+export { cascaderEmits, cascaderProps } from './src/cascader.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElCascader = withInstall(Cascader);