@dfsj/components 3.7.1 → 3.7.2-alpha.1

package/dist/components/Boards/src/Boards.vue.d.ts

@@ -38,6 +38,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -80,6 +85,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & Readonly<{}>, {
     position: "east" | "top" | "west" | "south" | "full";
     display: "fixed" | "absolute";
@@ -87,5 +97,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     slotVisible: boolean;
     board: import("./props").BoardState;
     customStyle: import("./props").BoardCustomStyle;
+    customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Boards/src/Boards.vue2.js

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, Fragment, withCtx, renderList, createBlock, toDisplayString, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
+import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, KeepAlive, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
 import { BoardProps, BoardPositionEnum } from './props.js';
 import '../../Icon/src/Icon.vue.js';
 import '../../Icon/src/SvgIcon.vue.js';
@@ -8,16 +8,16 @@ import vResizable from '../../../directives/resizable.js';
 import script$1 from '../../Icon/src/Icon.vue2.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _hoisted_1 = {
-  "class": "custom-label"
-};
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _hoisted_1 = ["id"];
 var _hoisted_2 = {
-  "class": "board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden"
+  key: 0
 };
 var _hoisted_3 = {
-  key: 1,
-  "class": "flex-1 w-full min-w-0 box-border h-full overflow-hidden"
+  "class": "custom-label"
+};
+var _hoisted_4 = {
+  "class": "board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden"
 };
 var prefixCls = "ec-component-board-container-page-wrap";
 var script = defineComponent({
@@ -29,7 +29,8 @@ var script = defineComponent({
     var el = ref(null);
     var _toRefs = toRefs(props),
       resizable = _toRefs.resizable,
-      display = _toRefs.display;
+      display = _toRefs.display,
+      customId = _toRefs.customId;
     var _useStyle = useStyle(props),
       getStyle = _useStyle.getStyle,
       position = _useStyle.position,
@@ -40,7 +41,7 @@ var script = defineComponent({
     };
     var color = computed(function () {
       var _customStyle$value$co;
-      return (_customStyle$value$co = customStyle.value.color) !== null && _customStyle$value$co !== undefined ? _customStyle$value$co : '#11848f';
+      return (_customStyle$value$co = customStyle.value.color) !== null && _customStyle$value$co !== void 0 ? _customStyle$value$co : '#11848f';
     });
     function resolve(source) {
       var component = cache.get(source);
@@ -54,26 +55,27 @@ var script = defineComponent({
       return component;
     }
     function tabClick(id) {
-      board.value.index = id === null || id === undefined ? undefined : id.index;
+      board.value.index = id === null || id === void 0 ? void 0 : id.index;
     }
     var toggle = function toggle() {
       return board.value.state = board.value.state === 'spread' ? 'minify' : 'spread';
     };
     var icon = computed(function () {
-      return board.value.state == 'hidden' ? null : 'ic:round-chevron-right';
+      var _board$value$items;
+      return board.value.state == 'hidden' || ((_board$value$items = board.value.items) === null || _board$value$items === void 0 ? void 0 : _board$value$items.length) == 0 ? null : 'mdi:chevron-right';
     });
     var tabPosition = computed(function () {
       var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, 'right'), BoardPositionEnum.WEST, 'left'), BoardPositionEnum.SOUTH, 'bottom'), BoardPositionEnum.TOP, 'top');
-      return mapping === null || mapping === undefined ? undefined : mapping[position.value];
+      return mapping === null || mapping === void 0 ? void 0 : mapping[position.value];
     });
     watchEffect(function () {
       var _el$value;
-      return el === null || el === undefined || (_el$value = el.value) === null || _el$value === undefined || (_el$value = _el$value.style) === null || _el$value === undefined ? undefined : _el$value.setProperty('--board-tab-color', color.value);
+      return el === null || el === void 0 || (_el$value = el.value) === null || _el$value === void 0 || (_el$value = _el$value.style) === null || _el$value === void 0 ? void 0 : _el$value.setProperty('--board-tab-color', color.value);
     });
     var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, ['l']), BoardPositionEnum.WEST, ['r']), BoardPositionEnum.TOP, ['b']), BoardPositionEnum.SOUTH, ['t']);
     var handles = computed(function () {
       var _handlesMapping$toRaw;
-      return (_handlesMapping$toRaw = handlesMapping === null || handlesMapping === undefined ? undefined : handlesMapping[toRaw(unref(position))]) !== null && _handlesMapping$toRaw !== undefined ? _handlesMapping$toRaw : [];
+      return (_handlesMapping$toRaw = handlesMapping === null || handlesMapping === void 0 ? void 0 : handlesMapping[toRaw(unref(position))]) !== null && _handlesMapping$toRaw !== void 0 ? _handlesMapping$toRaw : [];
     });
     var getResizable = computed(function () {
       return _objectSpread(_objectSpread({}, resizable.value), {}, {
@@ -89,7 +91,8 @@ var script = defineComponent({
         "class": normalizeClass([prefixCls, unref(display), unref(board).state, unref(position), 'p-2 box-border']),
         style: normalizeStyle(unref(getStyle)),
         ref_key: "el",
-        ref: el
+        ref: el,
+        id: unref(customId)
       }, [unref(board).items.length ? (openBlock(), createElementBlock("span", {
         key: 0,
         onClick: withModifiers(toggle, ["stop"]),
@@ -101,9 +104,7 @@ var script = defineComponent({
         icon: icon.value
       }, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
         "class": normalizeClass("".concat(prefixCls, "__layout overflow-hidden h-full flex"))
-      }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
-        key: 0
-      }, [createElementVNode("div", null, [createVNode(_component_el_tabs, {
+      }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_el_tabs, {
         "class": "multiple-toggle-tab",
         modelValue: unref(board).value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
@@ -116,35 +117,30 @@ var script = defineComponent({
         "default": withCtx(function () {
           return [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(board).items, function (b, i) {
             return openBlock(), createBlock(_component_el_tab_pane, {
-              key: b === null || b === undefined ? undefined : b.id,
+              key: b === null || b === void 0 ? void 0 : b.id,
               name: b.id,
               label: b.label
             }, {
               label: withCtx(function () {
-                return [createElementVNode("div", _hoisted_1, toDisplayString(b.label), 1)];
+                return [createElementVNode("div", _hoisted_3, toDisplayString(b.label), 1)];
               }),
               _: 2
             }, 1032, ["name", "label"]);
           }), 128))];
         }),
         _: 1
-      }, 8, ["modelValue", "tab-position", "data-content"])]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList((_unref2 = unref(board)) === null || _unref2 === undefined ? undefined : _unref2.items, function (item) {
+      }, 8, ["modelValue", "tab-position", "data-content"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList((_unref2 = unref(board)) === null || _unref2 === void 0 ? void 0 : _unref2.items, function (item) {
         return openBlock(), createElementBlock("div", {
           key: item.id,
           "class": normalizeClass(["board--panel-container", {
             active: unref(board).value === item.id
           }])
-        }, [withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
-          ref_for: true
-        }, item.props), null, 16)), [[vShow, unref(board).value === item.id]])], 2);
-      }), 128))])], 64)) : (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(board).items, function (item) {
-        return withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
-          key: item.id,
+        }, [(openBlock(), createBlock(KeepAlive, null, [withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
           ref_for: true
-        }, item.props), null, 16)), [[vShow, unref(board).value === item.id]]);
-      }), 128))]))], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
+        }, item.props), null, 16)), [[vShow, unref(board).value === item.id]])], 1024))], 2);
+      }), 128))]), createCommentVNode("      <div class=\"flex-1  w-full min-w-0  box-border h-full overflow-hidden\">"), createCommentVNode("        <div class=\"board&#45;&#45;panels box-border h-full flex-1 w-full min-w-0 overflow-hidden\">"), createCommentVNode("        <template v-for=\"item in board.items\" :key=\"item.id\">"), createCommentVNode("          <component"), createCommentVNode("              v-show=\"board.value === item.id\""), createCommentVNode("              :is=\"markRaw(resolve(item.content))\""), createCommentVNode("              v-bind=\"item.props\">"), createCommentVNode("          </component>"), createCommentVNode("        </template>"), createCommentVNode("        </div>"), createCommentVNode("      </div>")], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
         key: 1
-      }) : createCommentVNode("v-if", true)], 6)), [[unref(vResizable), getResizable.value]]);
+      }) : createCommentVNode("v-if", true)], 14, _hoisted_1)), [[unref(vResizable), getResizable.value]]);
     };
   }
 });

package/dist/components/Boards/src/hooKs/useStyle.d.ts

@@ -0,0 +1,9 @@
+export declare function useStyle(props: any): {
+    position: import("vue").Ref<any, any>;
+    board: import("vue").Ref<any, any>;
+    customStyle: import("vue").Ref<any, any>;
+    getStyle: import("vue").ComputedRef<{
+        margin: string;
+        transform: string;
+    }>;
+};

package/dist/components/Boards/src/hooKs/useStyle.js

@@ -5,7 +5,7 @@ import { toRefs, computed, unref } from 'vue';
 import { BoardPositionEnum } from '../props.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useStyle(props) {
   var _toRefs = toRefs(props),
     position = _toRefs.position,
@@ -13,20 +13,20 @@ function useStyle(props) {
     customStyle = _toRefs.customStyle;
   var margin = computed(function () {
     var _customStyle$value, _customStyle$value2;
-    if (((_customStyle$value = customStyle.value) === null || _customStyle$value === undefined || (_customStyle$value = _customStyle$value.margin) === null || _customStyle$value === undefined ? undefined : _customStyle$value.length) != 4) {
+    if (((_customStyle$value = customStyle.value) === null || _customStyle$value === void 0 || (_customStyle$value = _customStyle$value.margin) === null || _customStyle$value === void 0 ? void 0 : _customStyle$value.length) != 4) {
       return [0, 0, 0, 0];
     }
-    return (_customStyle$value2 = customStyle.value) === null || _customStyle$value2 === undefined ? undefined : _customStyle$value2.margin;
+    return (_customStyle$value2 = customStyle.value) === null || _customStyle$value2 === void 0 ? void 0 : _customStyle$value2.margin;
   });
   var marginCssStr = computed(function () {
     return _toConsumableArray(unref(margin.value)).join(' ');
   });
   var fixed = computed(function () {
     var _customStyle$value$fi, _customStyle$value3;
-    if (((_customStyle$value$fi = customStyle.value.fixed) === null || _customStyle$value$fi === undefined ? undefined : _customStyle$value$fi.length) != 4) {
+    if (((_customStyle$value$fi = customStyle.value.fixed) === null || _customStyle$value$fi === void 0 ? void 0 : _customStyle$value$fi.length) != 4) {
       return [0, 0, 0, 0];
     }
-    return (_customStyle$value3 = customStyle.value) === null || _customStyle$value3 === undefined ? undefined : _customStyle$value3.fixed;
+    return (_customStyle$value3 = customStyle.value) === null || _customStyle$value3 === void 0 ? void 0 : _customStyle$value3.fixed;
   });
   var getTransform = computed(function () {
     var transform = '';

package/dist/components/Boards/src/props.d.ts

@@ -81,5 +81,10 @@ export declare const BoardProps: {
             color: string;
         };
     };
+    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export {};

package/dist/components/Boards/src/props.js

@@ -49,7 +49,8 @@ var BoardProps = {
         color: 'red'
       };
     }
-  }
+  },
+  customId: propTypes.string.def('')
 };
 
 export { BoardPositionEnum, BoardProps };

package/dist/components/ClickOutSide/src/ClickOutSide.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, openBlock, createElementBlock, renderSlot } from 'vue';
-import { onClickOutside } from '../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/core/index.js';
+import { onClickOutside } from '../../../node_modules/.pnpm/@vueuse_core@13.7.0_vue@3.5.19_typescript@5.9.2_/node_modules/@vueuse/core/index.js';
 
 var script = defineComponent({
   __name: 'ClickOutSide',

package/dist/components/DatePicker/src/composables/use-month-range-header.d.ts

@@ -0,0 +1,16 @@
+import type { Ref, ToRef } from 'vue';
+import type { Dayjs } from 'dayjs';
+export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
+    unlinkPanels: ToRef<boolean>;
+    leftDate: Ref<Dayjs>;
+    rightDate: Ref<Dayjs>;
+}) => {
+    leftPrevYear: () => void;
+    rightNextYear: () => void;
+    leftNextYear: () => void;
+    rightPrevYear: () => void;
+    leftLabel: import("vue").ComputedRef<string>;
+    rightLabel: import("vue").ComputedRef<string>;
+    leftYear: import("vue").ComputedRef<number>;
+    rightYear: import("vue").ComputedRef<number>;
+};

package/dist/components/DatePicker/src/composables/use-range-picker.d.ts

@@ -0,0 +1,173 @@
+import { type Ref } from 'vue';
+import type { Dayjs } from 'dayjs';
+import dayjs from "dayjs";
+import type { PanelRangeSharedProps, RangeState } from 'element-plus/es/components/date-picker/src/props/shared';
+type UseRangePickerProps = {
+    leftDate: Ref<Dayjs>;
+    rightDate: Ref<Dayjs>;
+    unit: 'month' | 'year';
+    parsedValue: Ref<Dayjs[]>;
+    disabledDate: (date: Dayjs) => boolean;
+};
+type ExtendProps = {
+    visible: boolean;
+};
+export declare const useRangePicker: (props: PanelRangeSharedProps & ExtendProps, { leftDate, rightDate, unit, parsedValue, disabledDate, }: UseRangePickerProps) => {
+    lang: any;
+    ppNs: any;
+    drpNs: any;
+    rangeState: Ref<{
+        endDate: {
+            clone: () => Dayjs;
+            isValid: () => boolean;
+            year: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            month: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            date: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            day: {
+                (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+                (value: number): Dayjs;
+            };
+            hour: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            minute: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            second: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            millisecond: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
+            format: (template?: string) => string;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+            valueOf: () => number;
+            unix: () => number;
+            daysInMonth: () => number;
+            toDate: () => Date;
+            toJSON: () => string;
+            toISOString: () => string;
+            toString: () => string;
+            utcOffset: () => number;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            locale: {
+                (): string;
+                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+            };
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            weekYear: () => number;
+            dayOfYear: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        };
+        selecting: boolean;
+    }, RangeState | {
+        endDate: {
+            clone: () => Dayjs;
+            isValid: () => boolean;
+            year: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            month: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            date: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            day: {
+                (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+                (value: number): Dayjs;
+            };
+            hour: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            minute: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            second: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            millisecond: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
+            format: (template?: string) => string;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+            valueOf: () => number;
+            unix: () => number;
+            daysInMonth: () => number;
+            toDate: () => Date;
+            toJSON: () => string;
+            toISOString: () => string;
+            toString: () => string;
+            utcOffset: () => number;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            locale: {
+                (): string;
+                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+            };
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            weekYear: () => number;
+            dayOfYear: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        };
+        selecting: boolean;
+    }>;
+    handleRangeConfirm: (visible?: boolean) => void;
+    onSelect: (selecting: boolean) => void;
+    handleShortcutClick: any;
+    leftDisableDate: (date: any) => boolean;
+    rightDisableDate: (date: any) => boolean;
+    t: any;
+};
+export {};

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option" | "calendar-change" | "panel-change")[], "pick" | "set-picker-option" | "calendar-change" | "panel-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}>> & Readonly<{
+    onPick?: (...args: any[]) => any;
+    "onSet-picker-option"?: (...args: any[]) => any;
+    "onCalendar-change"?: (...args: any[]) => any;
+    "onPanel-change"?: (...args: any[]) => any;
+}>, {
+    [x: string]: unknown;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue2.js

@@ -44,8 +44,8 @@ var script = defineComponent({
     var shortcuts = toRef(pickerBase.props, 'shortcuts');
     var _useLocale = useLocale(),
       lang = _useLocale.lang;
-    var leftDate = ref(((_props$parsedValue = props.parsedValue) === null || _props$parsedValue === undefined ? undefined : _props$parsedValue[0]) || dayjs().locale(lang.value));
-    var rightDate = ref(((_props$parsedValue2 = props.parsedValue) === null || _props$parsedValue2 === undefined ? undefined : _props$parsedValue2[1]) || dayjs().locale(lang.value).add(1, unit));
+    var leftDate = ref(((_props$parsedValue = props.parsedValue) === null || _props$parsedValue === void 0 ? void 0 : _props$parsedValue[0]) || dayjs().locale(lang.value));
+    var rightDate = ref(((_props$parsedValue2 = props.parsedValue) === null || _props$parsedValue2 === void 0 ? void 0 : _props$parsedValue2[1]) || dayjs().locale(lang.value).add(1, unit));
     var parsedValue = ref([cloneDeep(leftDate.value), cloneDeep(rightDate.value)]);
     var _useRangePicker = useRangePicker(props, {
         leftDate: leftDate,

package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+}>, {
+    [x: string]: unknown;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/DatePicker/src/date-picker-com/panel-month-range.vue2.js

@@ -12,7 +12,7 @@ import { definePropType } from 'element-plus/es/utils/index.mjs';
 import { cloneDeep } from 'lodash-es';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _hoisted_1 = ["onClick"];
 var _hoisted_2 = ["disabled"];
 var _hoisted_3 = ["disabled"];
@@ -42,8 +42,8 @@ var script = defineComponent(_objectSpread(_objectSpread({}, {
       shortcuts = _pickerBase$props.shortcuts,
       disabledDate = _pickerBase$props.disabledDate,
       format = _pickerBase$props.format;
-    var leftDate = ref(((_props$parsedValue = props.parsedValue) === null || _props$parsedValue === undefined ? undefined : _props$parsedValue[0]) || dayjs().locale(lang.value));
-    var rightDate = ref(((_props$parsedValue2 = props.parsedValue) === null || _props$parsedValue2 === undefined ? undefined : _props$parsedValue2[1]) || dayjs().locale(lang.value).add(1, unit));
+    var leftDate = ref(((_props$parsedValue = props.parsedValue) === null || _props$parsedValue === void 0 ? void 0 : _props$parsedValue[0]) || dayjs().locale(lang.value));
+    var rightDate = ref(((_props$parsedValue2 = props.parsedValue) === null || _props$parsedValue2 === void 0 ? void 0 : _props$parsedValue2[1]) || dayjs().locale(lang.value).add(1, unit));
     var parsedValue = ref([cloneDeep(leftDate.value), cloneDeep(rightDate.value)]);
     var _useRangePicker = useRangePicker(props, {
         leftDate: leftDate,
@@ -127,7 +127,7 @@ var script = defineComponent(_objectSpread(_objectSpread({}, {
         type: "button",
         "class": normalizeClass([unref(ppNs).e('icon-btn'), "d-arrow-left"]),
         onClick: _cache[0] || (_cache[0] = function () {
-          return unref(leftPrevYear) && unref(leftPrevYear).apply(undefined, arguments);
+          return unref(leftPrevYear) && unref(leftPrevYear).apply(void 0, arguments);
         })
       }, [createVNode(_component_el_icon, null, {
         "default": withCtx(function () {
@@ -140,7 +140,7 @@ var script = defineComponent(_objectSpread(_objectSpread({}, {
         disabled: !enableYearArrow.value,
         "class": normalizeClass([[unref(ppNs).e('icon-btn'), _defineProperty({}, unref(ppNs).is('disabled'), !enableYearArrow.value)], "d-arrow-right"]),
         onClick: _cache[1] || (_cache[1] = function () {
-          return unref(leftNextYear) && unref(leftNextYear).apply(undefined, arguments);
+          return unref(leftNextYear) && unref(leftNextYear).apply(void 0, arguments);
         })
       }, [createVNode(_component_el_icon, null, {
         "default": withCtx(function () {
@@ -166,7 +166,7 @@ var script = defineComponent(_objectSpread(_objectSpread({}, {
           'is-disabled': !enableYearArrow.value
         }], "d-arrow-left"]),
         onClick: _cache[3] || (_cache[3] = function () {
-          return unref(rightPrevYear) && unref(rightPrevYear).apply(undefined, arguments);
+          return unref(rightPrevYear) && unref(rightPrevYear).apply(void 0, arguments);
         })
       }, [createVNode(_component_el_icon, null, {
         "default": withCtx(function () {
@@ -177,7 +177,7 @@ var script = defineComponent(_objectSpread(_objectSpread({}, {
         type: "button",
         "class": normalizeClass([unref(ppNs).e('icon-btn'), "d-arrow-right"]),
         onClick: _cache[4] || (_cache[4] = function () {
-          return unref(rightNextYear) && unref(rightNextYear).apply(undefined, arguments);
+          return unref(rightNextYear) && unref(rightNextYear).apply(void 0, arguments);
         })
       }, [createVNode(_component_el_icon, null, {
         "default": withCtx(function () {