@blueking/date-picker 2.0.0-beta.35 → 2.0.0-beta.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/date-picker",
-  "version": "2.0.0-beta.35",
+  "version": "2.0.0-beta.37",
   "description": "蓝鲸监控平台日期时间选择",
   "license": "MIT",
   "author": "Tencent BlueKing",

package/typings/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import { type ComputedRef, type InjectionKey } from 'vue';
 import { type LangKey } from '../lang/lang';
 import { type ITimezoneItem } from './timezone';
 import { type IDatePickerProps, type DateValue } from './types';
@@ -10,8 +10,8 @@ export interface IDatePickerProvider {
     timezoneInfo: ComputedRef<ITimezoneItem>;
     version: ComputedRef<number | string>;
     validateTimeRange: ComputedRef<DateValue | undefined>;
-    minDuration: Ref<number | undefined>;
-    maxDuration: Ref<number | undefined>;
+    minDuration: ComputedRef<number | undefined>;
+    maxDuration: ComputedRef<number | undefined>;
 }
 export declare const DATE_PICKER_PROVIDER_KEY: InjectionKey<IDatePickerProvider>;
 export declare const useDatePickerProvider: (data: IDatePickerProvider) => void;

package/typings/vue3.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @description: datePicker vue3版本
+ */
 import dayjs from 'dayjs';
 import DatePicker from './date-picker.vue';
 export { DatePicker, dayjs };

package/vue2/index.es.min.js

@@ -26862,17 +26862,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       recentUseList.value = [];
       localStorage.removeItem(storeKey2.value);
     };
-    const handleShowDisableMsg = (e) => {
-      if (!popoverInstance) {
-        popoverInstance = __webpack_exports__default$8({
-          content: validMsg.value,
-          immediate: false,
-          isShow: true,
-          popoverDelay: 0,
-          target: e.target,
-          trigger: "manual"
-        });
-      }
+    const handleShowDisableMsg = (e, date) => {
+      if (validateDateRange(date)) return;
+      popoverInstance = __webpack_exports__default$8({
+        content: validMsg.value,
+        immediate: false,
+        isShow: true,
+        popoverDelay: 0,
+        target: e.target,
+        trigger: "manual"
+      });
       popoverInstance == null ? void 0 : popoverInstance.show(e.target);
     };
     const handleHideDisableMsg = () => {
@@ -26901,7 +26900,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 key: index,
                 onClick: ($event) => unref(validateDateRange)(date) && handleChange(date.dateValue),
-                onMouseenter: ($event) => !unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                onMouseenter: (e) => handleShowDisableMsg(e, date),
                 onMouseleave: handleHideDisableMsg
               }, toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
             }),
@@ -27088,18 +27087,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const storeKey2 = computed(() => getStoreKey(props2.version));
     const datePanelShow = ref(false);
     const tooltipsShow = ref(false);
-    watch(
-      () => props2.modelValue,
-      (v2) => {
-        var _a, _b;
-        if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
-          return;
-        dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
-      },
-      {
-        immediate: true
-      }
-    );
+    let enterTimer;
+    let leaveTimer;
     const commonDateUseList = computed(() => {
       var _a;
       return ((_a = props2.commonUseList) == null ? void 0 : _a.length) ? props2.commonUseList : commonDateList;
@@ -27115,6 +27104,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
     });
+    watch(
+      () => props2.modelValue,
+      (v2) => {
+        var _a, _b;
+        if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
+          return;
+        dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
+      },
+      {
+        immediate: true
+      }
+    );
     useDatePickerProvider({
       commonUseList: commonDateUseList,
       format,
@@ -27123,15 +27124,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       timezoneInfo,
       version: computed(() => props2.version),
       validateTimeRange: computed(() => props2.validDateRange),
-      minDuration: ref(props2.minDuration),
-      maxDuration: ref(props2.maxDuration)
+      minDuration: computed(() => props2.minDuration),
+      maxDuration: computed(() => props2.maxDuration)
     });
     onBeforeUnmount(() => {
       tooltipsShow.value = false;
       datePanelShow.value = false;
     });
-    let enterTimer;
-    let leaveTimer;
     function handleDateMouseenter() {
       if (enterTimer) return;
       enterTimer = setTimeout(() => {
@@ -27240,11 +27239,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createVNode(_sfc_main$1, {
                 "default-date": dateDetail.value,
+                "max-duration": _ctx.maxDuration,
+                "min-duration": _ctx.minDuration,
                 "need-timezone": _ctx.needTimezone,
                 timezone: timezoneInfo.value.label,
                 onChange: handleChange,
                 "onUpdate:timezone": handleTimezoneChange
-              }, null, 8, ["default-date", "need-timezone", "timezone"])
+              }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
             ]),
             default: withCtx(() => {
               var _a, _b, _c, _d;

package/vue2/index.iife.min.js

@@ -33883,17 +33883,16 @@ ${$(r2)}`), n2;
         recentUseList.value = [];
         localStorage.removeItem(storeKey2.value);
       };
-      const handleShowDisableMsg = (e) => {
-        if (!popoverInstance) {
-          popoverInstance = __webpack_exports__default$8({
-            content: validMsg.value,
-            immediate: false,
-            isShow: true,
-            popoverDelay: 0,
-            target: e.target,
-            trigger: "manual"
-          });
-        }
+      const handleShowDisableMsg = (e, date) => {
+        if (validateDateRange(date)) return;
+        popoverInstance = __webpack_exports__default$8({
+          content: validMsg.value,
+          immediate: false,
+          isShow: true,
+          popoverDelay: 0,
+          target: e.target,
+          trigger: "manual"
+        });
         popoverInstance == null ? void 0 : popoverInstance.show(e.target);
       };
       const handleHideDisableMsg = () => {
@@ -33922,7 +33921,7 @@ ${$(r2)}`), n2;
                   }),
                   key: index,
                   onClick: ($event) => unref(validateDateRange)(date) && handleChange(date.dateValue),
-                  onMouseenter: ($event) => !unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                  onMouseenter: (e) => handleShowDisableMsg(e, date),
                   onMouseleave: handleHideDisableMsg
                 }, toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
               }),
@@ -34109,18 +34108,8 @@ ${$(r2)}`), n2;
       const storeKey2 = computed(() => getStoreKey(props2.version));
       const datePanelShow = ref(false);
       const tooltipsShow = ref(false);
-      watch(
-        () => props2.modelValue,
-        (v2) => {
-          var _a, _b;
-          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
-            return;
-          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
-        },
-        {
-          immediate: true
-        }
-      );
+      let enterTimer;
+      let leaveTimer;
       const commonDateUseList = computed(() => {
         var _a;
         return ((_a = props2.commonUseList) == null ? void 0 : _a.length) ? props2.commonUseList : commonDateList;
@@ -34136,6 +34125,18 @@ ${$(r2)}`), n2;
         }
         return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
       });
+      watch(
+        () => props2.modelValue,
+        (v2) => {
+          var _a, _b;
+          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
+            return;
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
+        },
+        {
+          immediate: true
+        }
+      );
       useDatePickerProvider({
         commonUseList: commonDateUseList,
         format,
@@ -34144,15 +34145,13 @@ ${$(r2)}`), n2;
         timezoneInfo,
         version: computed(() => props2.version),
         validateTimeRange: computed(() => props2.validDateRange),
-        minDuration: ref(props2.minDuration),
-        maxDuration: ref(props2.maxDuration)
+        minDuration: computed(() => props2.minDuration),
+        maxDuration: computed(() => props2.maxDuration)
       });
       onBeforeUnmount(() => {
         tooltipsShow.value = false;
         datePanelShow.value = false;
       });
-      let enterTimer;
-      let leaveTimer;
       function handleDateMouseenter() {
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
@@ -34261,11 +34260,13 @@ ${$(r2)}`), n2;
               content: withCtx(() => [
                 createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
+                  "max-duration": _ctx.maxDuration,
+                  "min-duration": _ctx.minDuration,
                   "need-timezone": _ctx.needTimezone,
                   timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
-                }, null, 8, ["default-date", "need-timezone", "timezone"])
+                }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
               ]),
               default: withCtx(() => {
                 var _a, _b, _c, _d;

package/vue2/index.umd.min.js

@@ -26877,17 +26877,16 @@ ${$(r2)}`), n2;
         recentUseList.value = [];
         localStorage.removeItem(storeKey2.value);
       };
-      const handleShowDisableMsg = (e) => {
-        if (!popoverInstance) {
-          popoverInstance = __webpack_exports__default$8({
-            content: validMsg.value,
-            immediate: false,
-            isShow: true,
-            popoverDelay: 0,
-            target: e.target,
-            trigger: "manual"
-          });
-        }
+      const handleShowDisableMsg = (e, date) => {
+        if (validateDateRange(date)) return;
+        popoverInstance = __webpack_exports__default$8({
+          content: validMsg.value,
+          immediate: false,
+          isShow: true,
+          popoverDelay: 0,
+          target: e.target,
+          trigger: "manual"
+        });
         popoverInstance == null ? void 0 : popoverInstance.show(e.target);
       };
       const handleHideDisableMsg = () => {
@@ -26916,7 +26915,7 @@ ${$(r2)}`), n2;
                   }),
                   key: index,
                   onClick: ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.unref(validateDateRange)(date) && handleChange(date.dateValue),
-                  onMouseenter: ($event) => !__WEBPACK_EXTERNAL_MODULE_vue__.unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                  onMouseenter: (e) => handleShowDisableMsg(e, date),
                   onMouseleave: handleHideDisableMsg
                 }, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
               }),
@@ -27103,18 +27102,8 @@ ${$(r2)}`), n2;
       const storeKey2 = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getStoreKey(props2.version));
       const datePanelShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
       const tooltipsShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
-      __WEBPACK_EXTERNAL_MODULE_vue__.watch(
-        () => props2.modelValue,
-        (v2) => {
-          var _a, _b;
-          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
-            return;
-          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
-        },
-        {
-          immediate: true
-        }
-      );
+      let enterTimer;
+      let leaveTimer;
       const commonDateUseList = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
         var _a;
         return ((_a = props2.commonUseList) == null ? void 0 : _a.length) ? props2.commonUseList : commonDateList;
@@ -27130,6 +27119,18 @@ ${$(r2)}`), n2;
         }
         return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
       });
+      __WEBPACK_EXTERNAL_MODULE_vue__.watch(
+        () => props2.modelValue,
+        (v2) => {
+          var _a, _b;
+          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
+            return;
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
+        },
+        {
+          immediate: true
+        }
+      );
       useDatePickerProvider({
         commonUseList: commonDateUseList,
         format,
@@ -27138,15 +27139,13 @@ ${$(r2)}`), n2;
         timezoneInfo,
         version: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.version),
         validateTimeRange: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.validDateRange),
-        minDuration: __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.minDuration),
-        maxDuration: __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.maxDuration)
+        minDuration: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.minDuration),
+        maxDuration: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.maxDuration)
       });
       __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount(() => {
         tooltipsShow.value = false;
         datePanelShow.value = false;
       });
-      let enterTimer;
-      let leaveTimer;
       function handleDateMouseenter() {
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
@@ -27255,11 +27254,13 @@ ${$(r2)}`), n2;
               content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
                 __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
+                  "max-duration": _ctx.maxDuration,
+                  "min-duration": _ctx.minDuration,
                   "need-timezone": _ctx.needTimezone,
                   timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
-                }, null, 8, ["default-date", "need-timezone", "timezone"])
+                }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
               ]),
               default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
                 var _a, _b, _c, _d;

package/vue3/index.es.min.js

@@ -3947,17 +3947,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       recentUseList.value = [];
       localStorage.removeItem(storeKey2.value);
     };
-    const handleShowDisableMsg = (e) => {
-      if (!popoverInstance) {
-        popoverInstance = $bkPopover({
-          content: validMsg.value,
-          immediate: false,
-          isShow: true,
-          popoverDelay: 0,
-          target: e.target,
-          trigger: "manual"
-        });
-      }
+    const handleShowDisableMsg = (e, date) => {
+      if (validateDateRange(date)) return;
+      popoverInstance = $bkPopover({
+        content: validMsg.value,
+        immediate: false,
+        isShow: true,
+        popoverDelay: 0,
+        target: e.target,
+        trigger: "manual"
+      });
       popoverInstance == null ? void 0 : popoverInstance.show(e.target);
     };
     const handleHideDisableMsg = () => {
@@ -3986,7 +3985,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 key: index,
                 onClick: ($event) => unref(validateDateRange)(date) && handleChange(date.dateValue),
-                onMouseenter: ($event) => !unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                onMouseenter: (e) => handleShowDisableMsg(e, date),
                 onMouseleave: handleHideDisableMsg
               }, toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
             }),
@@ -4173,18 +4172,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const storeKey2 = computed(() => getStoreKey(props.version));
     const datePanelShow = ref(false);
     const tooltipsShow = ref(false);
-    watch(
-      () => props.modelValue,
-      (v) => {
-        var _a, _b;
-        if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v == null ? void 0 : v[index])))
-          return;
-        dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
-      },
-      {
-        immediate: true
-      }
-    );
+    let enterTimer;
+    let leaveTimer;
     const commonDateUseList = computed(() => {
       var _a;
       return ((_a = props.commonUseList) == null ? void 0 : _a.length) ? props.commonUseList : commonDateList;
@@ -4200,6 +4189,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
     });
+    watch(
+      () => props.modelValue,
+      (v) => {
+        var _a, _b;
+        if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v == null ? void 0 : v[index])))
+          return;
+        dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
+      },
+      {
+        immediate: true
+      }
+    );
     useDatePickerProvider({
       commonUseList: commonDateUseList,
       format,
@@ -4208,15 +4209,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       timezoneInfo,
       version: computed(() => props.version),
       validateTimeRange: computed(() => props.validDateRange),
-      minDuration: ref(props.minDuration),
-      maxDuration: ref(props.maxDuration)
+      minDuration: computed(() => props.minDuration),
+      maxDuration: computed(() => props.maxDuration)
     });
     onBeforeUnmount(() => {
       tooltipsShow.value = false;
       datePanelShow.value = false;
     });
-    let enterTimer;
-    let leaveTimer;
     function handleDateMouseenter() {
       if (enterTimer) return;
       enterTimer = setTimeout(() => {
@@ -4325,11 +4324,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createVNode(_sfc_main$1, {
                 "default-date": dateDetail.value,
+                "max-duration": _ctx.maxDuration,
+                "min-duration": _ctx.minDuration,
                 "need-timezone": _ctx.needTimezone,
                 timezone: timezoneInfo.value.label,
                 onChange: handleChange,
                 "onUpdate:timezone": handleTimezoneChange
-              }, null, 8, ["default-date", "need-timezone", "timezone"])
+              }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
             ]),
             default: withCtx(() => {
               var _a, _b, _c, _d;

package/vue3/index.iife.min.js

@@ -27483,17 +27483,16 @@ ${$(r2)}`), n2;
         recentUseList.value = [];
         localStorage.removeItem(storeKey2.value);
       };
-      const handleShowDisableMsg = (e) => {
-        if (!popoverInstance) {
-          popoverInstance = __webpack_exports__default$8({
-            content: validMsg.value,
-            immediate: false,
-            isShow: true,
-            popoverDelay: 0,
-            target: e.target,
-            trigger: "manual"
-          });
-        }
+      const handleShowDisableMsg = (e, date) => {
+        if (validateDateRange(date)) return;
+        popoverInstance = __webpack_exports__default$8({
+          content: validMsg.value,
+          immediate: false,
+          isShow: true,
+          popoverDelay: 0,
+          target: e.target,
+          trigger: "manual"
+        });
         popoverInstance == null ? void 0 : popoverInstance.show(e.target);
       };
       const handleHideDisableMsg = () => {
@@ -27522,7 +27521,7 @@ ${$(r2)}`), n2;
                   }),
                   key: index,
                   onClick: ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.unref(validateDateRange)(date) && handleChange(date.dateValue),
-                  onMouseenter: ($event) => !__WEBPACK_EXTERNAL_MODULE_vue__.unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                  onMouseenter: (e) => handleShowDisableMsg(e, date),
                   onMouseleave: handleHideDisableMsg
                 }, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
               }),
@@ -27709,18 +27708,8 @@ ${$(r2)}`), n2;
       const storeKey2 = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getStoreKey(props2.version));
       const datePanelShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
       const tooltipsShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
-      __WEBPACK_EXTERNAL_MODULE_vue__.watch(
-        () => props2.modelValue,
-        (v2) => {
-          var _a, _b;
-          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
-            return;
-          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
-        },
-        {
-          immediate: true
-        }
-      );
+      let enterTimer;
+      let leaveTimer;
       const commonDateUseList = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
         var _a;
         return ((_a = props2.commonUseList) == null ? void 0 : _a.length) ? props2.commonUseList : commonDateList;
@@ -27736,6 +27725,18 @@ ${$(r2)}`), n2;
         }
         return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
       });
+      __WEBPACK_EXTERNAL_MODULE_vue__.watch(
+        () => props2.modelValue,
+        (v2) => {
+          var _a, _b;
+          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v2 == null ? void 0 : v2[index])))
+            return;
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
+        },
+        {
+          immediate: true
+        }
+      );
       useDatePickerProvider({
         commonUseList: commonDateUseList,
         format,
@@ -27744,15 +27745,13 @@ ${$(r2)}`), n2;
         timezoneInfo,
         version: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.version),
         validateTimeRange: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.validDateRange),
-        minDuration: __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.minDuration),
-        maxDuration: __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.maxDuration)
+        minDuration: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.minDuration),
+        maxDuration: __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.maxDuration)
       });
       __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount(() => {
         tooltipsShow.value = false;
         datePanelShow.value = false;
       });
-      let enterTimer;
-      let leaveTimer;
       function handleDateMouseenter() {
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
@@ -27861,11 +27860,13 @@ ${$(r2)}`), n2;
               content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
                 __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
+                  "max-duration": _ctx.maxDuration,
+                  "min-duration": _ctx.minDuration,
                   "need-timezone": _ctx.needTimezone,
                   timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
-                }, null, 8, ["default-date", "need-timezone", "timezone"])
+                }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
               ]),
               default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
                 var _a, _b, _c, _d;

package/vue3/index.umd.min.js

@@ -3943,17 +3943,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         recentUseList.value = [];
         localStorage.removeItem(storeKey2.value);
       };
-      const handleShowDisableMsg = (e) => {
-        if (!popoverInstance) {
-          popoverInstance = bkuiVue.$bkPopover({
-            content: validMsg.value,
-            immediate: false,
-            isShow: true,
-            popoverDelay: 0,
-            target: e.target,
-            trigger: "manual"
-          });
-        }
+      const handleShowDisableMsg = (e, date) => {
+        if (validateDateRange(date)) return;
+        popoverInstance = bkuiVue.$bkPopover({
+          content: validMsg.value,
+          immediate: false,
+          isShow: true,
+          popoverDelay: 0,
+          target: e.target,
+          trigger: "manual"
+        });
         popoverInstance == null ? void 0 : popoverInstance.show(e.target);
       };
       const handleHideDisableMsg = () => {
@@ -3982,7 +3981,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   }),
                   key: index,
                   onClick: ($event) => vue.unref(validateDateRange)(date) && handleChange(date.dateValue),
-                  onMouseenter: ($event) => !vue.unref(validateDateRange)(date) && handleShowDisableMsg($event),
+                  onMouseenter: (e) => handleShowDisableMsg(e, date),
                   onMouseleave: handleHideDisableMsg
                 }, vue.toDisplayString(date.toDisplayString()), 43, _hoisted_3$1);
               }),
@@ -4169,18 +4168,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const storeKey2 = vue.computed(() => getStoreKey(props.version));
       const datePanelShow = vue.ref(false);
       const tooltipsShow = vue.ref(false);
-      vue.watch(
-        () => props.modelValue,
-        (v) => {
-          var _a, _b;
-          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v == null ? void 0 : v[index])))
-            return;
-          dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
-        },
-        {
-          immediate: true
-        }
-      );
+      let enterTimer;
+      let leaveTimer;
       const commonDateUseList = vue.computed(() => {
         var _a;
         return ((_a = props.commonUseList) == null ? void 0 : _a.length) ? props.commonUseList : commonDateList;
@@ -4196,6 +4185,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
         return (_a = dateDetail.value) == null ? void 0 : _a.toDisplayString();
       });
+      vue.watch(
+        () => props.modelValue,
+        (v) => {
+          var _a, _b;
+          if (((_b = (_a = dateDetail.value) == null ? void 0 : _a.dateValue) == null ? void 0 : _b.length) && dateDetail.value.dateValue.every((item, index) => item === (v == null ? void 0 : v[index])))
+            return;
+          dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
+        },
+        {
+          immediate: true
+        }
+      );
       useDatePickerProvider({
         commonUseList: commonDateUseList,
         format,
@@ -4204,15 +4205,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         timezoneInfo,
         version: vue.computed(() => props.version),
         validateTimeRange: vue.computed(() => props.validDateRange),
-        minDuration: vue.ref(props.minDuration),
-        maxDuration: vue.ref(props.maxDuration)
+        minDuration: vue.computed(() => props.minDuration),
+        maxDuration: vue.computed(() => props.maxDuration)
       });
       vue.onBeforeUnmount(() => {
         tooltipsShow.value = false;
         datePanelShow.value = false;
       });
-      let enterTimer;
-      let leaveTimer;
       function handleDateMouseenter() {
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
@@ -4321,11 +4320,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               content: vue.withCtx(() => [
                 vue.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
+                  "max-duration": _ctx.maxDuration,
+                  "min-duration": _ctx.minDuration,
                   "need-timezone": _ctx.needTimezone,
                   timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
-                }, null, 8, ["default-date", "need-timezone", "timezone"])
+                }, null, 8, ["default-date", "max-duration", "min-duration", "need-timezone", "timezone"])
               ]),
               default: vue.withCtx(() => {
                 var _a, _b, _c, _d;