@element-plus/nightly 0.0.20220524 → 0.0.20220527

package/es/packages/components/time-select/src/utils.d.ts

@@ -0,0 +1,10 @@
+interface Time {
+    hours: number;
+    minutes: number;
+}
+export declare const parseTime: (time: string) => null | Time;
+export declare const compareTime: (time1: string, time2: string) => number;
+export declare const padTime: (time: number | string) => string;
+export declare const formatTime: (time: Time) => string;
+export declare const nextTime: (time: string, step: string) => string;
+export {};

package/es/packages/components/tooltip-v2/index.d.ts

@@ -110,10 +110,10 @@ export declare const ElTooltipV2: import("element-plus/es/utils").SFCWithInstall
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -141,10 +141,10 @@ export declare const ElTooltipV2: import("element-plus/es/utils").SFCWithInstall
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -172,10 +172,10 @@ export declare const ElTooltipV2: import("element-plus/es/utils").SFCWithInstall
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -203,10 +203,10 @@ export declare const ElTooltipV2: import("element-plus/es/utils").SFCWithInstall
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -569,10 +569,10 @@ export declare const ElTooltipV2: import("element-plus/es/utils").SFCWithInstall
     onClick: (e: Event) => boolean | void;
     showArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     to: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-    onMouseLeave: (e: Event) => boolean | void;
-    onMouseEnter: (e: Event) => boolean | void;
     reference: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
     alwaysOn: boolean;
+    onMouseLeave: (e: Event) => boolean | void;
+    onMouseEnter: (e: Event) => boolean | void;
     delayDuration: number;
     onOpenChange: (state: boolean) => void;
     "onUpdate:open": (state: boolean) => void;

package/es/packages/components/tooltip-v2/src/tooltip.vue.d.ts

@@ -110,10 +110,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -141,10 +141,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -172,10 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -203,10 +203,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
-        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly reference?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
+        readonly onMouseLeave?: ((e: Event) => boolean | void) | undefined;
+        readonly onMouseEnter?: ((e: Event) => boolean | void) | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
         readonly "onUpdate:open"?: ((state: boolean) => void) | undefined;
@@ -569,10 +569,10 @@ declare const _default: import("vue").DefineComponent<{
     onClick: (e: Event) => boolean | void;
     showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     to: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
-    onMouseLeave: (e: Event) => boolean | void;
-    onMouseEnter: (e: Event) => boolean | void;
     reference: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
     alwaysOn: boolean;
+    onMouseLeave: (e: Event) => boolean | void;
+    onMouseEnter: (e: Event) => boolean | void;
     delayDuration: number;
     onOpenChange: (state: boolean) => void;
     "onUpdate:open": (state: boolean) => void;

package/es/packages/tokens/date-picker.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, SetupContext } from 'vue';
+import type { UseNamespaceReturn } from 'element-plus/es/hooks';
+interface DatePickerContext {
+    slots: SetupContext['slots'];
+    pickerNs: UseNamespaceReturn;
+}
+export declare const ROOT_PICKER_INJECTION_KEY: InjectionKey<DatePickerContext>;
+export {};

package/es/packages/tokens/index.d.ts

@@ -14,3 +14,4 @@ export * from './upload';
 export * from './experimental-features';
 export * from './popper';
 export * from './tooltip-v2';
+export * from './date-picker';

package/es/packages/utils/arrays.d.ts

@@ -1,4 +1,5 @@
 export declare const unique: <T>(arr: T[]) => T[];
+declare type Many<T> = T | ReadonlyArray<T>;
 /** like `_.castArray`, except falsy value returns empty array. */
-export declare const castArray: (arr: any) => any[];
+export declare const castArray: <T>(arr: Many<T>) => T[];
 export { castArray as ensureArray } from 'lodash-unified';

package/es/packages/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220524";
+export declare const version = "0.0.20220527";

package/es/tokens/date-picker.mjs

@@ -0,0 +1,2 @@
+export { ROOT_PICKER_INJECTION_KEY } from './date-picker2.mjs';
+//# sourceMappingURL=date-picker.mjs.map

package/es/tokens/date-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/tokens/date-picker2.mjs

@@ -0,0 +1,4 @@
+const ROOT_PICKER_INJECTION_KEY = Symbol();
+
+export { ROOT_PICKER_INJECTION_KEY };
+//# sourceMappingURL=date-picker2.mjs.map

package/es/tokens/date-picker2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker2.mjs","sources":["../../../../packages/tokens/date-picker.ts"],"sourcesContent":["import type { InjectionKey, SetupContext } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\n\ninterface DatePickerContext {\n  slots: SetupContext['slots']\n  pickerNs: UseNamespaceReturn\n}\n\nexport const ROOT_PICKER_INJECTION_KEY: InjectionKey<DatePickerContext> =\n  Symbol()\n"],"names":[],"mappings":"AAAY,MAAC,yBAAyB,GAAG,MAAM;;;;"}

package/es/tokens/index.mjs

@@ -14,4 +14,5 @@ export { tabsRootContextKey } from './tabs2.mjs';
 export { uploadContextKey } from './upload2.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper2.mjs';
 export { TOOLTIP_V2_OPEN, tooltipV2ContentKey, tooltipV2RootKey } from './tooltip-v22.mjs';
+export { ROOT_PICKER_INJECTION_KEY } from './date-picker2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/tokens/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/es/tokens/index2.mjs

@@ -14,4 +14,5 @@ export { uploadContextKey } from './upload2.mjs';
 import './experimental-features2.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper2.mjs';
 export { TOOLTIP_V2_OPEN, tooltipV2ContentKey, tooltipV2RootKey } from './tooltip-v22.mjs';
+export { ROOT_PICKER_INJECTION_KEY } from './date-picker2.mjs';
 //# sourceMappingURL=index2.mjs.map

package/es/tokens/index2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/es/utils/arrays2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrays2.mjs","sources":["../../../../packages/utils/arrays.ts"],"sourcesContent":["export const unique = <T>(arr: T[]) => [...new Set(arr)]\n\n// TODO: rename to `ensureArray`\n/** like `_.castArray`, except falsy value returns empty array. */\nexport const castArray = (arr: any): any[] => {\n  if (!arr && arr !== 0) return []\n  return Array.isArray(arr) ? arr : [arr]\n}\n\n// TODO: remove import alias\n// avoid naming conflicts\nexport { castArray as ensureArray } from 'lodash-unified'\n"],"names":[],"mappings":";;AAAY,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AACrC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK;AAClC,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvB,IAAI,OAAO,EAAE,CAAC;AACd,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C;;;;"}
+{"version":3,"file":"arrays2.mjs","sources":["../../../../packages/utils/arrays.ts"],"sourcesContent":["export const unique = <T>(arr: T[]) => [...new Set(arr)]\n\ntype Many<T> = T | ReadonlyArray<T>\n// TODO: rename to `ensureArray`\n/** like `_.castArray`, except falsy value returns empty array. */\nexport const castArray = <T>(arr: Many<T>): T[] => {\n  if (!arr && (arr as any) !== 0) return []\n  return Array.isArray(arr) ? arr : [arr]\n}\n\n// TODO: remove import alias\n// avoid naming conflicts\nexport { castArray as ensureArray } from 'lodash-unified'\n"],"names":[],"mappings":";;AAAY,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AACrC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK;AAClC,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvB,IAAI,OAAO,EAAE,CAAC;AACd,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C;;;;"}

package/es/version2.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220524";
+const version = "0.0.20220527";
 
 export { version };
 //# sourceMappingURL=version2.mjs.map

package/es/version2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version2.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220524'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version2.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220527'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/date-picker/index2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var datePicker = require('./src/date-picker2.js');
+var datePicker = require('./src/date-picker.js');
 
 const _DatePicker = datePicker["default"];
 _DatePicker.install = (app) => {

package/lib/components/date-picker/src/composables/use-range-picker.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useRangePicker = require('./use-range-picker2.js');
+
+
+
+exports.useRangePicker = useRangePicker.useRangePicker;
+//# sourceMappingURL=use-range-picker.js.map

package/lib/components/date-picker/src/composables/use-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-range-picker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/date-picker/src/composables/use-range-picker2.js

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dayjs = require('dayjs');
+require('../../../../utils/index2.js');
+require('../../../../tokens/index2.js');
+require('../../../../hooks/index2.js');
+var utils = require('../utils2.js');
+var datePicker = require('../../../../tokens/date-picker2.js');
+var index = require('../../../../hooks/use-namespace/index2.js');
+var index$1 = require('../../../../hooks/use-locale/index2.js');
+var shared = require('@vue/shared');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+const useRangePicker = () => {
+  const { emit } = vue.getCurrentInstance();
+  const attrs = vue.useAttrs();
+  const slots = vue.useSlots();
+  const { pickerNs } = vue.inject(datePicker.ROOT_PICKER_INJECTION_KEY);
+  const drpNs = index.useNamespace("date-range-picker");
+  const { t, lang } = index$1.useLocale();
+  const minDate = vue.ref();
+  const maxDate = vue.ref();
+  const rangeState = vue.ref({
+    endDate: null,
+    selecting: false
+  });
+  const handleChangeRange = (val) => {
+    rangeState.value = val;
+  };
+  const handleRangeConfirm = (visible = false) => {
+    const _minDate = vue.unref(minDate);
+    const _maxDate = vue.unref(maxDate);
+    if (utils.isValidRange([_minDate, _maxDate])) {
+      emit("pick", [_minDate, _maxDate], visible);
+    }
+  };
+  const onSelect = (selecting) => {
+    rangeState.value.selecting = selecting;
+    if (!selecting) {
+      rangeState.value.endDate = null;
+    }
+  };
+  const handleShortcutClick = (shortcut) => {
+    const shortcutValues = shared.isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
+    if (shortcutValues) {
+      emit("pick", [
+        dayjs__default["default"](shortcutValues[0]).locale(lang.value),
+        dayjs__default["default"](shortcutValues[1]).locale(lang.value)
+      ]);
+      return;
+    }
+    if (shortcut.onClick) {
+      shortcut.onClick({
+        attrs,
+        slots,
+        emit
+      });
+    }
+  };
+  return {
+    minDate,
+    maxDate,
+    rangeState,
+    lang,
+    ppNs: pickerNs,
+    drpNs,
+    handleChangeRange,
+    handleRangeConfirm,
+    handleShortcutClick,
+    onSelect,
+    t
+  };
+};
+
+exports.useRangePicker = useRangePicker;
+//# sourceMappingURL=use-range-picker2.js.map

package/lib/components/date-picker/src/composables/use-range-picker2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-range-picker2.js","sources":["../../../../../../../packages/components/date-picker/src/composables/use-range-picker.ts"],"sourcesContent":["import { getCurrentInstance, inject, ref, unref, useAttrs, useSlots } from 'vue'\nimport dayjs from 'dayjs'\nimport { isFunction } from '@element-plus/utils'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\n\nimport { isValidRange } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangePickerSharedEmits, RangeState } from '../props/shared'\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (ctx: Omit<SetupContext<RangePickerSharedEmits>, 'expose'>) => void\n}\n\nexport const useRangePicker = () => {\n  const { emit } = getCurrentInstance()!\n  const attrs = useAttrs()\n  const slots = useSlots()\n\n  const { pickerNs } = inject(ROOT_PICKER_INJECTION_KEY)!\n  const drpNs = useNamespace('date-range-picker')\n  const { t, lang } = useLocale()\n  const minDate = ref<Dayjs>()\n  const maxDate = ref<Dayjs>()\n  const rangeState = ref<RangeState>({\n    endDate: null,\n    selecting: false,\n  })\n\n  const handleChangeRange = (val: RangeState) => {\n    rangeState.value = val\n  }\n\n  const handleRangeConfirm = (visible = false) => {\n    const _minDate = unref(minDate)\n    const _maxDate = unref(maxDate)\n\n    if (isValidRange([_minDate, _maxDate])) {\n      emit('pick', [_minDate, _maxDate], visible)\n    }\n  }\n\n  const onSelect = (selecting: boolean) => {\n    rangeState.value.selecting = selecting\n    if (!selecting) {\n      rangeState.value.endDate = null\n    }\n  }\n\n  const handleShortcutClick = (shortcut: Shortcut) => {\n    const shortcutValues = isFunction(shortcut.value)\n      ? shortcut.value()\n      : shortcut.value\n\n    if (shortcutValues) {\n      emit('pick', [\n        dayjs(shortcutValues[0]).locale(lang.value),\n        dayjs(shortcutValues[1]).locale(lang.value),\n      ])\n      return\n    }\n    if (shortcut.onClick) {\n      shortcut.onClick({\n        attrs,\n        slots,\n        emit,\n      })\n    }\n  }\n\n  return {\n    minDate,\n    maxDate,\n    rangeState,\n    lang,\n    ppNs: pickerNs,\n    drpNs,\n\n    handleChangeRange,\n    handleRangeConfirm,\n    handleShortcutClick,\n    onSelect,\n    t,\n  }\n}\n"],"names":["getCurrentInstance","useAttrs","useSlots","inject","ROOT_PICKER_INJECTION_KEY","useNamespace","useLocale","ref","unref","isValidRange","isFunction","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;AAMY,MAAC,cAAc,GAAG,MAAM;AACpC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAGA,sBAAkB,EAAE,CAAC;AACxC,EAAE,MAAM,KAAK,GAAGC,YAAQ,EAAE,CAAC;AAC3B,EAAE,MAAM,KAAK,GAAGC,YAAQ,EAAE,CAAC;AAC3B,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAGC,UAAM,CAACC,oCAAyB,CAAC,CAAC;AACzD,EAAE,MAAM,KAAK,GAAGC,kBAAY,CAAC,mBAAmB,CAAC,CAAC;AAClD,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAGC,iBAAS,EAAE,CAAC;AAClC,EAAE,MAAM,OAAO,GAAGC,OAAG,EAAE,CAAC;AACxB,EAAE,MAAM,OAAO,GAAGA,OAAG,EAAE,CAAC;AACxB,EAAE,MAAM,UAAU,GAAGA,OAAG,CAAC;AACzB,IAAI,OAAO,EAAE,IAAI;AACjB,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,GAAG,KAAK;AACrC,IAAI,UAAU,CAAC,KAAK,GAAG,GAAG,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,CAAC,OAAO,GAAG,KAAK,KAAK;AAClD,IAAI,MAAM,QAAQ,GAAGC,SAAK,CAAC,OAAO,CAAC,CAAC;AACpC,IAAI,MAAM,QAAQ,GAAGA,SAAK,CAAC,OAAO,CAAC,CAAC;AACpC,IAAI,IAAIC,kBAAY,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE;AAC5C,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;AAClD,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,CAAC,SAAS,KAAK;AAClC,IAAI,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;AAC3C,IAAI,IAAI,CAAC,SAAS,EAAE;AACpB,MAAM,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;AACtC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,mBAAmB,GAAG,CAAC,QAAQ,KAAK;AAC5C,IAAI,MAAM,cAAc,GAAGC,iBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC1F,IAAI,IAAI,cAAc,EAAE;AACxB,MAAM,IAAI,CAAC,MAAM,EAAE;AACnB,QAAQC,yBAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AACnD,QAAQA,yBAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AACnD,OAAO,CAAC,CAAC;AACT,MAAM,OAAO;AACb,KAAK;AACL,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE;AAC1B,MAAM,QAAQ,CAAC,OAAO,CAAC;AACvB,QAAQ,KAAK;AACb,QAAQ,KAAK;AACb,QAAQ,IAAI;AACZ,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,KAAK;AACT,IAAI,iBAAiB;AACrB,IAAI,kBAAkB;AACtB,IAAI,mBAAmB;AACvB,IAAI,QAAQ;AACZ,IAAI,CAAC;AACL,GAAG,CAAC;AACJ;;;;"}

package/lib/components/date-picker/src/date-picker-com/basic-cell-render.js

@@ -2,9 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var basicCellRender = require('./basic-cell-render2.js');
+var vue = require('vue');
+require('../../../../tokens/index2.js');
+require('../../../../hooks/index2.js');
+var basicCell = require('../props/basic-cell2.js');
+var index = require('../../../../hooks/use-namespace/index2.js');
+var datePicker = require('../../../../tokens/date-picker2.js');
 
+var ElDatePickerCell = vue.defineComponent({
+  name: "ElDatePickerCell",
+  props: basicCell.basicCellProps,
+  setup(props) {
+    const ns = index.useNamespace("date-table-cell");
+    const {
+      slots
+    } = vue.inject(datePicker.ROOT_PICKER_INJECTION_KEY);
+    return () => {
+      const {
+        cell
+      } = props;
+      if (slots.default) {
+        const list = slots.default(cell).filter((item) => {
+          return item.patchFlag !== -2 && item.type.toString() !== "Symbol(Comment)";
+        });
+        if (list.length) {
+          return list;
+        }
+      }
+      return vue.createVNode("div", {
+        "class": ns.b()
+      }, [vue.createVNode("span", {
+        "class": ns.e("text")
+      }, [cell == null ? void 0 : cell.text])]);
+    };
+  }
+});
 
-
-exports["default"] = basicCellRender["default"];
+exports["default"] = ElDatePickerCell;
 //# sourceMappingURL=basic-cell-render.js.map

package/lib/components/date-picker/src/date-picker-com/basic-cell-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-cell-render.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"basic-cell-render.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-cell-render.tsx"],"sourcesContent":["import { defineComponent, inject } from 'vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { basicCellProps } from '../props/basic-cell'\n\nexport default defineComponent({\n  name: 'ElDatePickerCell',\n  props: basicCellProps,\n  setup(props) {\n    const ns = useNamespace('date-table-cell')\n    const { slots } = inject(ROOT_PICKER_INJECTION_KEY)!\n    return () => {\n      const { cell } = props\n      if (slots.default) {\n        const list = slots.default(cell).filter((item) => {\n          return (\n            item.patchFlag !== -2 && item.type.toString() !== 'Symbol(Comment)'\n          )\n        })\n        if (list.length) {\n          return list\n        }\n      }\n\n      return (\n        <div class={ns.b()}>\n          <span class={ns.e('text')}>{cell?.text}</span>\n        </div>\n      )\n    }\n  },\n})\n"],"names":["defineComponent","name","props","basicCellProps","useNamespace","ns","slots","inject","ROOT_PICKER_INJECTION_KEY","cell","default","list","item","_createVNode"],"mappings":";;;;;;;;;;;AAKA,uBAAeA,mBAAe,CAAC;AAC7BC,EAAAA,IAAI,EAAE,kBADuB;AAE7BC,EAAAA,KAAK,EAAEC,wBAFsB;;IAGxB,WAAQC,kBAAA,CAAA,iBAAA,CAAA,CAAA;AACX,IAAA,MAAMC;MACA,KAAA;AAAEC,KAAAA,GAAAA,UAAAA,CAAAA,oCAAAA,CAAAA,CAAAA;IAAF,OAAYC,MAAOC;AACzB,MAAA,MAAa;QACL,IAAA;AAAEC,OAAAA,GAAAA,KAAAA,CAAAA;AAAF,MAAA,IAAWP,KAAjB,CAAA,OAAA,EAAA;;UACII,OAAMI,IAAAA,CAAAA,SAAS,KAAA,CAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,QAAA,EAAA,KAAA,iBAAA,CAAA;SACXC,CAAAA,CAAAA;AACJ,QAAA,IAAA,IAAA,CACEC,MAAA,EAAA;AAEH,UAJD,OAAA,IAAA,CAAA;;;AAME,MAAA,OAAAC,eAAA,CAAA,KAAA,EAAA;AACD,QAAA,OAAA,EAAA,EAAA,CAAA,CAAA,EAAA;AACF,OAAA,EAAA,CAAAA,eAAA,CAAA,MAAA,EAAA;;AAED,OAAA,EAAA,CAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAAA,GAAA;AAAA,CAAA,CAAA;;;;"}

package/lib/components/date-picker/src/date-picker-com/basic-date-table2.js

@@ -6,9 +6,11 @@ var vue = require('vue');
 var dayjs = require('dayjs');
 require('../../../../hooks/index2.js');
 require('../../../../utils/index2.js');
-var basicCellRender = require('./basic-cell-render2.js');
+var basicDateTable = require('../props/basic-date-table2.js');
+var basicCellRender = require('./basic-cell-render.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index2.js');
+var index = require('../../../../hooks/use-namespace/index2.js');
+var index$1 = require('../../../../hooks/use-locale/index2.js');
 var arrays = require('../../../../utils/arrays2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,45 +21,12 @@ const _sfc_main = vue.defineComponent({
   components: {
     ElDatePickerCell: basicCellRender["default"]
   },
-  props: {
-    date: {
-      type: Object
-    },
-    minDate: {
-      type: Object
-    },
-    maxDate: {
-      type: Object
-    },
-    parsedValue: {
-      type: [Object, Array]
-    },
-    selectionMode: {
-      type: String,
-      default: "date"
-    },
-    showWeekNumber: {
-      type: Boolean,
-      default: false
-    },
-    disabledDate: {
-      type: Function
-    },
-    cellClassName: {
-      type: Function
-    },
-    rangeState: {
-      type: Object,
-      default: () => ({
-        endDate: null,
-        selecting: false
-      })
-    }
-  },
+  props: basicDateTable.basicDateTableProps,
   emits: ["changerange", "pick", "select"],
   expose: ["focus"],
   setup(props, ctx) {
-    const { t, lang } = index.useLocale();
+    const ns = index.useNamespace("date-table");
+    const { t, lang } = index$1.useLocale();
     const tbodyRef = vue.ref();
     const currentCellRef = vue.ref();
     const lastRow = vue.ref(null);
@@ -269,7 +238,7 @@ const _sfc_main = vue.defineComponent({
         return;
       const newDate = getDateOfCell(row, column);
       if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting) {
+        if (!props.rangeState.selecting || !props.minDate) {
           ctx.emit("pick", { minDate: newDate, maxDate: null });
           ctx.emit("select", true);
         } else {
@@ -315,6 +284,7 @@ const _sfc_main = vue.defineComponent({
       return false;
     };
     return {
+      ns,
       tbodyRef,
       currentCellRef,
       handleMouseMove,
@@ -346,7 +316,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": _ctx.t("el.datepicker.dateTablePrompt"),
     cellspacing: "0",
     cellpadding: "0",
-    class: vue.normalizeClass(["el-date-table", { "is-week-mode": _ctx.selectionMode === "week" }]),
+    class: vue.normalizeClass([_ctx.ns.b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
     onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handlePickDate && _ctx.handlePickDate(...args)),
     onMousemove: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
   }, [
@@ -364,7 +334,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, key) => {
         return vue.openBlock(), vue.createElementBlock("tr", {
           key,
-          class: vue.normalizeClass(["el-date-table__row", { current: _ctx.isWeekActive(row[1]) }])
+          class: vue.normalizeClass([_ctx.ns.e("row"), { current: _ctx.isWeekActive(row[1]) }])
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key_) => {
             return vue.openBlock(), vue.createElementBlock("td", {