@blueking/date-picker 2.0.0-beta.32 → 2.0.0-beta.33

package/package.json

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

package/typings/utils/constant.d.ts

@@ -83,3 +83,4 @@ export declare const commonDateList: DateValue[];
 export declare const NowConstant = "now";
 export declare const DATE_REGEX_PARSE: RegExp;
 export declare const DATE_REGEX_FORMAT: RegExp;
+export declare const DEFAULT_TIMEZONE = "Asia/Shanghai";

package/typings/utils/date.d.ts

@@ -47,3 +47,4 @@ export declare const transformValue2Dayjs: (val: DateValue[number], type?: "end"
 export declare const transformDateRange2Dayjs: (dateValue: DateValue, timezome?: string) => (dayjs.Dayjs | undefined)[];
 export declare const inputVal2Dayjs: (val: string, format: string, defaultDate?: Dayjs) => dayjs.Dayjs;
 export declare function getTimezoneOffset(timezone: string): number;
+export declare const isValidTimeZone: (timeZone: string) => boolean;

package/vue2/index.es.min.js

@@ -23234,6 +23234,7 @@ const commonDateList = [
 const NowConstant = "now";
 const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
 const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+const DEFAULT_TIMEZONE = "Asia/Shanghai";
 const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
 const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
 const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -23573,6 +23574,14 @@ function getTimezoneOffset(timezone) {
   const offset2 = localTime.utcOffset() / 60;
   return offset2;
 }
+const isValidTimeZone = (timeZone) => {
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone });
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
 dayjs.extend(utc);
 dayjs.extend(tz);
 const timezoneData = [
@@ -26710,8 +26719,14 @@ const _hoisted_6 = {
   class: "time-zone-panel"
 };
 const _hoisted_7 = { class: "time-zone" };
-const _hoisted_8 = { class: "time-zone-area" };
-const _hoisted_9 = { class: "time-zone-tag" };
+const _hoisted_8 = {
+  key: 0,
+  class: "time-zone-area"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "time-zone-tag"
+};
 const _hoisted_10 = { class: "time-zone-picker" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "panel-wrapper",
@@ -26873,21 +26888,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             ),
-            createElementVNode(
+            unref(timezoneInfo).country ? (openBlock(), createElementBlock(
               "span",
               _hoisted_8,
               toDisplayString(unref(timezoneInfo).country) + ", " + toDisplayString(unref(timezoneInfo).abbreviation),
               1
               /* TEXT */
-            )
+            )) : createCommentVNode("v-if", true)
           ]),
-          createElementVNode(
+          typeof unref(timezoneInfo).utc !== "undefined" ? (openBlock(), createElementBlock(
             "span",
             _hoisted_9,
             toDisplayString(unref(timezoneInfo).utc),
             1
             /* TEXT */
-          ),
+          )) : createCommentVNode("v-if", true),
           createVNode(unref(__webpack_exports__default$a), {
             class: "time-zone-btn",
             size: "small",
@@ -26985,9 +27000,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dateTooltipsRef = ref();
     const dateContentRef = ref();
     const format = computed(() => props2.format);
-    const timezoneInfo = computed(() => getTimezoneInfoByValue(props2.timezone || dayjs.tz.guess()));
+    const timezoneInfo = computed(() => {
+      let timezone = props2.timezone || dayjs.tz.guess();
+      if (!isValidTimeZone(timezone)) {
+        console.error(`invalid timezone: ${props2.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+        timezone = DEFAULT_TIMEZONE;
+      }
+      return getTimezoneInfoByValue(timezone) || { label: props2.timezone, value: props2.timezone };
+    });
     const diffTimezone = computed(() => {
-      const timezone = props2.timezone;
+      const timezone = timezoneInfo.value.label;
       if (!timezone || props2.timezone === dayjs.tz.guess()) return 0;
       const a2 = dayjs().utcOffset();
       const b2 = dayjs.tz(dayjs(), timezone).utcOffset();
@@ -27004,7 +27026,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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, props2.timezone);
+        dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
       },
       {
         immediate: true
@@ -27033,11 +27055,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (enterTimer) return;
       enterTimer = setTimeout(() => {
         tooltipsShow.value = true;
-        tooltipsDetail.value = new DateRange(
-          dateDetail.value.dateValue,
-          format.value,
-          props2.timezone || dayjs.tz.guess()
-        );
+        tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
         enterTimer = null;
       }, 100);
     }
@@ -27053,7 +27071,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const [start2, end2] = val;
       const [oldStart, oldEnd] = props2.modelValue || [];
       if (start2 && end2 && start2 === oldStart && end2 === oldEnd) return;
-      dateDetail.value = new DateRange(val, format.value, props2.timezone);
+      dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
       const emitValue = dateDetail.value.toEmitValue();
       emits("update:modelValue", ...emitValue);
       const canStore = commonDateUseList.value.some((item) => item[0] === start2 && item[1] === end2);
@@ -27138,13 +27156,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, {
                 "default-date": dateDetail.value,
                 "need-timezone": _ctx.needTimezone,
-                timezone: _ctx.timezone,
+                timezone: timezoneInfo.value.label,
                 onChange: handleChange,
                 "onUpdate:timezone": handleTimezoneChange
               }, null, 8, ["default-date", "need-timezone", "timezone"])
             ]),
             default: withCtx(() => {
-              var _a;
+              var _a, _b, _c, _d;
               return [
                 withDirectives((openBlock(), createElementBlock(
                   "span",
@@ -27166,10 +27184,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       1
                       /* TEXT */
                     ),
-                    _ctx.needTimezone && timezoneInfo.value.label !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
+                    _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
                       "span",
                       _hoisted_2,
-                      toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                      toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                       1
                       /* TEXT */
                     )) : createCommentVNode("v-if", true)
@@ -27198,7 +27216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             trigger: "manual"
           }, {
             content: withCtx(() => {
-              var _a, _b;
+              var _a, _b, _c, _d, _e;
               return [
                 createElementVNode(
                   "div",
@@ -27227,7 +27245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode(
                       "div",
                       _hoisted_3,
-                      toDisplayString(timezoneInfo.value.label === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                      toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                       1
                       /* TEXT */
                     ),
@@ -27333,6 +27351,7 @@ export {
   CommonNaturalOptions,
   DATE_REGEX_FORMAT,
   DATE_REGEX_PARSE,
+  DEFAULT_TIMEZONE,
   DateRange,
   DateUnitList,
   NaturalOptionType,
@@ -27350,6 +27369,7 @@ export {
   getStoreTabKey,
   getTimezoneOffset,
   inputVal2Dayjs,
+  isValidTimeZone,
   naturalDateRegexp,
   naturalDateShortcutMap,
   naturalUnitOptions,

package/vue2/index.iife.min.js

@@ -30255,6 +30255,7 @@ ${$(r2)}`), n2;
   const NowConstant = "now";
   const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
   const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+  const DEFAULT_TIMEZONE = "Asia/Shanghai";
   const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -30594,6 +30595,14 @@ ${$(r2)}`), n2;
     const offset2 = localTime.utcOffset() / 60;
     return offset2;
   }
+  const isValidTimeZone = (timeZone) => {
+    try {
+      new Intl.DateTimeFormat("en-US", { timeZone });
+      return true;
+    } catch (e) {
+      return false;
+    }
+  };
   dayjs.extend(utc);
   dayjs.extend(tz);
   const timezoneData = [
@@ -33731,8 +33740,14 @@ ${$(r2)}`), n2;
     class: "time-zone-panel"
   };
   const _hoisted_7 = { class: "time-zone" };
-  const _hoisted_8 = { class: "time-zone-area" };
-  const _hoisted_9 = { class: "time-zone-tag" };
+  const _hoisted_8 = {
+    key: 0,
+    class: "time-zone-area"
+  };
+  const _hoisted_9 = {
+    key: 0,
+    class: "time-zone-tag"
+  };
   const _hoisted_10 = { class: "time-zone-picker" };
   const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     __name: "panel-wrapper",
@@ -33894,21 +33909,21 @@ ${$(r2)}`), n2;
                 1
                 /* TEXT */
               ),
-              createBaseVNode(
+              unref(timezoneInfo).country ? (openBlock(), createElementBlock(
                 "span",
                 _hoisted_8,
                 toDisplayString(unref(timezoneInfo).country) + ", " + toDisplayString(unref(timezoneInfo).abbreviation),
                 1
                 /* TEXT */
-              )
+              )) : createCommentVNode("v-if", true)
             ]),
-            createBaseVNode(
+            typeof unref(timezoneInfo).utc !== "undefined" ? (openBlock(), createElementBlock(
               "span",
               _hoisted_9,
               toDisplayString(unref(timezoneInfo).utc),
               1
               /* TEXT */
-            ),
+            )) : createCommentVNode("v-if", true),
             createVNode(unref(__webpack_exports__default$a), {
               class: "time-zone-btn",
               size: "small",
@@ -34006,9 +34021,16 @@ ${$(r2)}`), n2;
       const dateTooltipsRef = ref();
       const dateContentRef = ref();
       const format = computed(() => props2.format);
-      const timezoneInfo = computed(() => getTimezoneInfoByValue(props2.timezone || dayjs.tz.guess()));
+      const timezoneInfo = computed(() => {
+        let timezone2 = props2.timezone || dayjs.tz.guess();
+        if (!isValidTimeZone(timezone2)) {
+          console.error(`invalid timezone: ${props2.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+          timezone2 = DEFAULT_TIMEZONE;
+        }
+        return getTimezoneInfoByValue(timezone2) || { label: props2.timezone, value: props2.timezone };
+      });
       const diffTimezone = computed(() => {
-        const timezone2 = props2.timezone;
+        const timezone2 = timezoneInfo.value.label;
         if (!timezone2 || props2.timezone === dayjs.tz.guess()) return 0;
         const a2 = dayjs().utcOffset();
         const b2 = dayjs.tz(dayjs(), timezone2).utcOffset();
@@ -34025,7 +34047,7 @@ ${$(r2)}`), n2;
           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, props2.timezone);
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
         },
         {
           immediate: true
@@ -34054,11 +34076,7 @@ ${$(r2)}`), n2;
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
           tooltipsShow.value = true;
-          tooltipsDetail.value = new DateRange(
-            dateDetail.value.dateValue,
-            format.value,
-            props2.timezone || dayjs.tz.guess()
-          );
+          tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
           enterTimer = null;
         }, 100);
       }
@@ -34074,7 +34092,7 @@ ${$(r2)}`), n2;
         const [start2, end2] = val;
         const [oldStart, oldEnd] = props2.modelValue || [];
         if (start2 && end2 && start2 === oldStart && end2 === oldEnd) return;
-        dateDetail.value = new DateRange(val, format.value, props2.timezone);
+        dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
         const emitValue = dateDetail.value.toEmitValue();
         emits("update:modelValue", ...emitValue);
         const canStore = commonDateUseList.value.some((item) => item[0] === start2 && item[1] === end2);
@@ -34159,13 +34177,13 @@ ${$(r2)}`), n2;
                 createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
                   "need-timezone": _ctx.needTimezone,
-                  timezone: _ctx.timezone,
+                  timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
                 }, null, 8, ["default-date", "need-timezone", "timezone"])
               ]),
               default: withCtx(() => {
-                var _a;
+                var _a, _b, _c, _d;
                 return [
                   withDirectives((openBlock(), createElementBlock(
                     "span",
@@ -34187,10 +34205,10 @@ ${$(r2)}`), n2;
                         1
                         /* TEXT */
                       ),
-                      _ctx.needTimezone && timezoneInfo.value.label !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
+                      _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
                         "span",
                         _hoisted_2,
-                        toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                        toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                         1
                         /* TEXT */
                       )) : createCommentVNode("v-if", true)
@@ -34219,7 +34237,7 @@ ${$(r2)}`), n2;
               trigger: "manual"
             }, {
               content: withCtx(() => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 return [
                   createBaseVNode(
                     "div",
@@ -34248,7 +34266,7 @@ ${$(r2)}`), n2;
                       createBaseVNode(
                         "div",
                         _hoisted_3,
-                        toDisplayString(timezoneInfo.value.label === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                        toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                         1
                         /* TEXT */
                       ),
@@ -34353,6 +34371,7 @@ ${$(r2)}`), n2;
   exports.CommonNaturalOptions = CommonNaturalOptions;
   exports.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
   exports.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
+  exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
   exports.DateRange = DateRange;
   exports.DateUnitList = DateUnitList;
   exports.NaturalOptionType = NaturalOptionType;
@@ -34370,6 +34389,7 @@ ${$(r2)}`), n2;
   exports.getStoreTabKey = getStoreTabKey;
   exports.getTimezoneOffset = getTimezoneOffset;
   exports.inputVal2Dayjs = inputVal2Dayjs;
+  exports.isValidTimeZone = isValidTimeZone;
   exports.naturalDateRegexp = naturalDateRegexp;
   exports.naturalDateShortcutMap = naturalDateShortcutMap;
   exports.naturalUnitOptions = naturalUnitOptions;

package/vue2/index.umd.min.js

@@ -23249,6 +23249,7 @@ ${$(r2)}`), n2;
   const NowConstant = "now";
   const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
   const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+  const DEFAULT_TIMEZONE = "Asia/Shanghai";
   const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -23588,6 +23589,14 @@ ${$(r2)}`), n2;
     const offset2 = localTime.utcOffset() / 60;
     return offset2;
   }
+  const isValidTimeZone = (timeZone) => {
+    try {
+      new Intl.DateTimeFormat("en-US", { timeZone });
+      return true;
+    } catch (e) {
+      return false;
+    }
+  };
   dayjs.extend(utc);
   dayjs.extend(tz);
   const timezoneData = [
@@ -26725,8 +26734,14 @@ ${$(r2)}`), n2;
     class: "time-zone-panel"
   };
   const _hoisted_7 = { class: "time-zone" };
-  const _hoisted_8 = { class: "time-zone-area" };
-  const _hoisted_9 = { class: "time-zone-tag" };
+  const _hoisted_8 = {
+    key: 0,
+    class: "time-zone-area"
+  };
+  const _hoisted_9 = {
+    key: 0,
+    class: "time-zone-tag"
+  };
   const _hoisted_10 = { class: "time-zone-picker" };
   const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
     __name: "panel-wrapper",
@@ -26888,21 +26903,21 @@ ${$(r2)}`), n2;
                 1
                 /* TEXT */
               ),
-              __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
+              __WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).country ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                 "span",
                 _hoisted_8,
                 __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).country) + ", " + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).abbreviation),
                 1
                 /* TEXT */
-              )
+              )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
             ]),
-            __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
+            typeof __WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).utc !== "undefined" ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
               "span",
               _hoisted_9,
               __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).utc),
               1
               /* TEXT */
-            ),
+            )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
             __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$a), {
               class: "time-zone-btn",
               size: "small",
@@ -27000,9 +27015,16 @@ ${$(r2)}`), n2;
       const dateTooltipsRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
       const dateContentRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
       const format = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.format);
-      const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getTimezoneInfoByValue(props2.timezone || dayjs.tz.guess()));
+      const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
+        let timezone = props2.timezone || dayjs.tz.guess();
+        if (!isValidTimeZone(timezone)) {
+          console.error(`invalid timezone: ${props2.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+          timezone = DEFAULT_TIMEZONE;
+        }
+        return getTimezoneInfoByValue(timezone) || { label: props2.timezone, value: props2.timezone };
+      });
       const diffTimezone = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
-        const timezone = props2.timezone;
+        const timezone = timezoneInfo.value.label;
         if (!timezone || props2.timezone === dayjs.tz.guess()) return 0;
         const a2 = dayjs().utcOffset();
         const b2 = dayjs.tz(dayjs(), timezone).utcOffset();
@@ -27019,7 +27041,7 @@ ${$(r2)}`), n2;
           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, props2.timezone);
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
         },
         {
           immediate: true
@@ -27048,11 +27070,7 @@ ${$(r2)}`), n2;
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
           tooltipsShow.value = true;
-          tooltipsDetail.value = new DateRange(
-            dateDetail.value.dateValue,
-            format.value,
-            props2.timezone || dayjs.tz.guess()
-          );
+          tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
           enterTimer = null;
         }, 100);
       }
@@ -27068,7 +27086,7 @@ ${$(r2)}`), n2;
         const [start2, end2] = val;
         const [oldStart, oldEnd] = props2.modelValue || [];
         if (start2 && end2 && start2 === oldStart && end2 === oldEnd) return;
-        dateDetail.value = new DateRange(val, format.value, props2.timezone);
+        dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
         const emitValue = dateDetail.value.toEmitValue();
         emits("update:modelValue", ...emitValue);
         const canStore = commonDateUseList.value.some((item) => item[0] === start2 && item[1] === end2);
@@ -27153,13 +27171,13 @@ ${$(r2)}`), n2;
                 __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
                   "need-timezone": _ctx.needTimezone,
-                  timezone: _ctx.timezone,
+                  timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
                 }, null, 8, ["default-date", "need-timezone", "timezone"])
               ]),
               default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
-                var _a;
+                var _a, _b, _c, _d;
                 return [
                   __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                     "span",
@@ -27181,10 +27199,10 @@ ${$(r2)}`), n2;
                         1
                         /* TEXT */
                       ),
-                      _ctx.needTimezone && timezoneInfo.value.label !== __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
+                      _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                         "span",
                         _hoisted_2,
-                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                         1
                         /* TEXT */
                       )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
@@ -27213,7 +27231,7 @@ ${$(r2)}`), n2;
               trigger: "manual"
             }, {
               content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 return [
                   __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
                     "div",
@@ -27242,7 +27260,7 @@ ${$(r2)}`), n2;
                       __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
                         "div",
                         _hoisted_3,
-                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(timezoneInfo.value.label === __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? `${__WEBPACK_EXTERNAL_MODULE_vue__.unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? `${__WEBPACK_EXTERNAL_MODULE_vue__.unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                         1
                         /* TEXT */
                       ),
@@ -27347,6 +27365,7 @@ ${$(r2)}`), n2;
   exports2.CommonNaturalOptions = CommonNaturalOptions;
   exports2.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
   exports2.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
+  exports2.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
   exports2.DateRange = DateRange;
   exports2.DateUnitList = DateUnitList;
   exports2.NaturalOptionType = NaturalOptionType;
@@ -27364,6 +27383,7 @@ ${$(r2)}`), n2;
   exports2.getStoreTabKey = getStoreTabKey;
   exports2.getTimezoneOffset = getTimezoneOffset;
   exports2.inputVal2Dayjs = inputVal2Dayjs;
+  exports2.isValidTimeZone = isValidTimeZone;
   exports2.naturalDateRegexp = naturalDateRegexp;
   exports2.naturalDateShortcutMap = naturalDateShortcutMap;
   exports2.naturalUnitOptions = naturalUnitOptions;

package/vue3/index.es.min.js

@@ -319,6 +319,7 @@ const commonDateList = [
 const NowConstant = "now";
 const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
 const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+const DEFAULT_TIMEZONE = "Asia/Shanghai";
 const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
 const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
 const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -658,6 +659,14 @@ function getTimezoneOffset(timezone) {
   const offset = localTime.utcOffset() / 60;
   return offset;
 }
+const isValidTimeZone = (timeZone) => {
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone });
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
 dayjs.extend(utc);
 dayjs.extend(tz);
 const timezoneData = [
@@ -3795,8 +3804,14 @@ const _hoisted_6 = {
   class: "time-zone-panel"
 };
 const _hoisted_7 = { class: "time-zone" };
-const _hoisted_8 = { class: "time-zone-area" };
-const _hoisted_9 = { class: "time-zone-tag" };
+const _hoisted_8 = {
+  key: 0,
+  class: "time-zone-area"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "time-zone-tag"
+};
 const _hoisted_10 = { class: "time-zone-picker" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "panel-wrapper",
@@ -3958,21 +3973,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             ),
-            createElementVNode(
+            unref(timezoneInfo).country ? (openBlock(), createElementBlock(
               "span",
               _hoisted_8,
               toDisplayString(unref(timezoneInfo).country) + ", " + toDisplayString(unref(timezoneInfo).abbreviation),
               1
               /* TEXT */
-            )
+            )) : createCommentVNode("v-if", true)
           ]),
-          createElementVNode(
+          typeof unref(timezoneInfo).utc !== "undefined" ? (openBlock(), createElementBlock(
             "span",
             _hoisted_9,
             toDisplayString(unref(timezoneInfo).utc),
             1
             /* TEXT */
-          ),
+          )) : createCommentVNode("v-if", true),
           createVNode(unref(Button), {
             class: "time-zone-btn",
             size: "small",
@@ -4070,9 +4085,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dateTooltipsRef = ref();
     const dateContentRef = ref();
     const format = computed(() => props.format);
-    const timezoneInfo = computed(() => getTimezoneInfoByValue(props.timezone || dayjs.tz.guess()));
+    const timezoneInfo = computed(() => {
+      let timezone = props.timezone || dayjs.tz.guess();
+      if (!isValidTimeZone(timezone)) {
+        console.error(`invalid timezone: ${props.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+        timezone = DEFAULT_TIMEZONE;
+      }
+      return getTimezoneInfoByValue(timezone) || { label: props.timezone, value: props.timezone };
+    });
     const diffTimezone = computed(() => {
-      const timezone = props.timezone;
+      const timezone = timezoneInfo.value.label;
       if (!timezone || props.timezone === dayjs.tz.guess()) return 0;
       const a = dayjs().utcOffset();
       const b = dayjs.tz(dayjs(), timezone).utcOffset();
@@ -4089,7 +4111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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, props.timezone);
+        dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
       },
       {
         immediate: true
@@ -4118,11 +4140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (enterTimer) return;
       enterTimer = setTimeout(() => {
         tooltipsShow.value = true;
-        tooltipsDetail.value = new DateRange(
-          dateDetail.value.dateValue,
-          format.value,
-          props.timezone || dayjs.tz.guess()
-        );
+        tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
         enterTimer = null;
       }, 100);
     }
@@ -4138,7 +4156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const [start, end] = val;
       const [oldStart, oldEnd] = props.modelValue || [];
       if (start && end && start === oldStart && end === oldEnd) return;
-      dateDetail.value = new DateRange(val, format.value, props.timezone);
+      dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
       const emitValue = dateDetail.value.toEmitValue();
       emits("update:modelValue", ...emitValue);
       const canStore = commonDateUseList.value.some((item) => item[0] === start && item[1] === end);
@@ -4223,13 +4241,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, {
                 "default-date": dateDetail.value,
                 "need-timezone": _ctx.needTimezone,
-                timezone: _ctx.timezone,
+                timezone: timezoneInfo.value.label,
                 onChange: handleChange,
                 "onUpdate:timezone": handleTimezoneChange
               }, null, 8, ["default-date", "need-timezone", "timezone"])
             ]),
             default: withCtx(() => {
-              var _a;
+              var _a, _b, _c, _d;
               return [
                 withDirectives((openBlock(), createElementBlock(
                   "span",
@@ -4251,10 +4269,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       1
                       /* TEXT */
                     ),
-                    _ctx.needTimezone && timezoneInfo.value.label !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
+                    _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== unref(dayjs).tz.guess() ? (openBlock(), createElementBlock(
                       "span",
                       _hoisted_2,
-                      toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                      toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                       1
                       /* TEXT */
                     )) : createCommentVNode("v-if", true)
@@ -4283,7 +4301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             trigger: "manual"
           }, {
             content: withCtx(() => {
-              var _a, _b;
+              var _a, _b, _c, _d, _e;
               return [
                 createElementVNode(
                   "div",
@@ -4312,7 +4330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode(
                       "div",
                       _hoisted_3,
-                      toDisplayString(timezoneInfo.value.label === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                      toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                       1
                       /* TEXT */
                     ),
@@ -4350,6 +4368,7 @@ export {
   CommonNaturalOptions,
   DATE_REGEX_FORMAT,
   DATE_REGEX_PARSE,
+  DEFAULT_TIMEZONE,
   _sfc_main as DatePicker,
   DateRange,
   DateUnitList,
@@ -4369,6 +4388,7 @@ export {
   getStoreTabKey,
   getTimezoneOffset,
   inputVal2Dayjs,
+  isValidTimeZone,
   naturalDateRegexp,
   naturalDateShortcutMap,
   naturalUnitOptions,

package/vue3/index.iife.min.js

@@ -23855,6 +23855,7 @@ ${$(r2)}`), n2;
   const NowConstant = "now";
   const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
   const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+  const DEFAULT_TIMEZONE = "Asia/Shanghai";
   const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -24194,6 +24195,14 @@ ${$(r2)}`), n2;
     const offset2 = localTime.utcOffset() / 60;
     return offset2;
   }
+  const isValidTimeZone = (timeZone) => {
+    try {
+      new Intl.DateTimeFormat("en-US", { timeZone });
+      return true;
+    } catch (e) {
+      return false;
+    }
+  };
   dayjs.extend(utc);
   dayjs.extend(tz);
   const timezoneData = [
@@ -27331,8 +27340,14 @@ ${$(r2)}`), n2;
     class: "time-zone-panel"
   };
   const _hoisted_7 = { class: "time-zone" };
-  const _hoisted_8 = { class: "time-zone-area" };
-  const _hoisted_9 = { class: "time-zone-tag" };
+  const _hoisted_8 = {
+    key: 0,
+    class: "time-zone-area"
+  };
+  const _hoisted_9 = {
+    key: 0,
+    class: "time-zone-tag"
+  };
   const _hoisted_10 = { class: "time-zone-picker" };
   const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
     __name: "panel-wrapper",
@@ -27494,21 +27509,21 @@ ${$(r2)}`), n2;
                 1
                 /* TEXT */
               ),
-              __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
+              __WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).country ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                 "span",
                 _hoisted_8,
                 __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).country) + ", " + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).abbreviation),
                 1
                 /* TEXT */
-              )
+              )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
             ]),
-            __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
+            typeof __WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).utc !== "undefined" ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
               "span",
               _hoisted_9,
               __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(timezoneInfo).utc),
               1
               /* TEXT */
-            ),
+            )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
             __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$a), {
               class: "time-zone-btn",
               size: "small",
@@ -27606,9 +27621,16 @@ ${$(r2)}`), n2;
       const dateTooltipsRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
       const dateContentRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
       const format = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => props2.format);
-      const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getTimezoneInfoByValue(props2.timezone || dayjs.tz.guess()));
+      const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
+        let timezone2 = props2.timezone || dayjs.tz.guess();
+        if (!isValidTimeZone(timezone2)) {
+          console.error(`invalid timezone: ${props2.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+          timezone2 = DEFAULT_TIMEZONE;
+        }
+        return getTimezoneInfoByValue(timezone2) || { label: props2.timezone, value: props2.timezone };
+      });
       const diffTimezone = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
-        const timezone2 = props2.timezone;
+        const timezone2 = timezoneInfo.value.label;
         if (!timezone2 || props2.timezone === dayjs.tz.guess()) return 0;
         const a2 = dayjs().utcOffset();
         const b2 = dayjs.tz(dayjs(), timezone2).utcOffset();
@@ -27625,7 +27647,7 @@ ${$(r2)}`), n2;
           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, props2.timezone);
+          dateDetail.value = new DateRange(v2, format.value, timezoneInfo.value.label);
         },
         {
           immediate: true
@@ -27654,11 +27676,7 @@ ${$(r2)}`), n2;
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
           tooltipsShow.value = true;
-          tooltipsDetail.value = new DateRange(
-            dateDetail.value.dateValue,
-            format.value,
-            props2.timezone || dayjs.tz.guess()
-          );
+          tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
           enterTimer = null;
         }, 100);
       }
@@ -27674,7 +27692,7 @@ ${$(r2)}`), n2;
         const [start2, end2] = val;
         const [oldStart, oldEnd] = props2.modelValue || [];
         if (start2 && end2 && start2 === oldStart && end2 === oldEnd) return;
-        dateDetail.value = new DateRange(val, format.value, props2.timezone);
+        dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
         const emitValue = dateDetail.value.toEmitValue();
         emits("update:modelValue", ...emitValue);
         const canStore = commonDateUseList.value.some((item) => item[0] === start2 && item[1] === end2);
@@ -27759,13 +27777,13 @@ ${$(r2)}`), n2;
                 __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
                   "need-timezone": _ctx.needTimezone,
-                  timezone: _ctx.timezone,
+                  timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
                 }, null, 8, ["default-date", "need-timezone", "timezone"])
               ]),
               default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
-                var _a;
+                var _a, _b, _c, _d;
                 return [
                   __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                     "span",
@@ -27787,10 +27805,10 @@ ${$(r2)}`), n2;
                         1
                         /* TEXT */
                       ),
-                      _ctx.needTimezone && timezoneInfo.value.label !== __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
+                      _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
                         "span",
                         _hoisted_2,
-                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                         1
                         /* TEXT */
                       )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
@@ -27819,7 +27837,7 @@ ${$(r2)}`), n2;
               trigger: "manual"
             }, {
               content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 return [
                   __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
                     "div",
@@ -27848,7 +27866,7 @@ ${$(r2)}`), n2;
                       __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
                         "div",
                         _hoisted_3,
-                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(timezoneInfo.value.label === __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? `${__WEBPACK_EXTERNAL_MODULE_vue__.unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                        __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === __WEBPACK_EXTERNAL_MODULE_vue__.unref(dayjs).tz.guess() ? `${__WEBPACK_EXTERNAL_MODULE_vue__.unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                         1
                         /* TEXT */
                       ),
@@ -27885,6 +27903,7 @@ ${$(r2)}`), n2;
   exports.CommonNaturalOptions = CommonNaturalOptions;
   exports.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
   exports.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
+  exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
   exports.DatePicker = _sfc_main;
   exports.DateRange = DateRange;
   exports.DateUnitList = DateUnitList;
@@ -27904,6 +27923,7 @@ ${$(r2)}`), n2;
   exports.getStoreTabKey = getStoreTabKey;
   exports.getTimezoneOffset = getTimezoneOffset;
   exports.inputVal2Dayjs = inputVal2Dayjs;
+  exports.isValidTimeZone = isValidTimeZone;
   exports.naturalDateRegexp = naturalDateRegexp;
   exports.naturalDateShortcutMap = naturalDateShortcutMap;
   exports.naturalUnitOptions = naturalUnitOptions;

package/vue3/index.umd.min.js

@@ -315,6 +315,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const NowConstant = "now";
   const DATE_REGEX_PARSE = /^(\d{4})[-/](\d+)[-/](\d+)[Tt\s]*(\d+)?:(\d+)?:(\d+)?[.:]?(\d*)$/;
   const DATE_REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+  const DEFAULT_TIMEZONE = "Asia/Shanghai";
   const baselineDateRegexp = new RegExp(`(\\(.+\\)|now)([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const commonDateRegexp = new RegExp(`now([+-]?\\d*)([${dateUnit}]?)\\/?([${dateUnit}]?)`);
   const recentDateRegexp = new RegExp(`now[-](\\d+)([${dateUnit}]{1})$`);
@@ -654,6 +655,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const offset = localTime.utcOffset() / 60;
     return offset;
   }
+  const isValidTimeZone = (timeZone) => {
+    try {
+      new Intl.DateTimeFormat("en-US", { timeZone });
+      return true;
+    } catch (e) {
+      return false;
+    }
+  };
   dayjs.extend(utc);
   dayjs.extend(tz);
   const timezoneData = [
@@ -3791,8 +3800,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "time-zone-panel"
   };
   const _hoisted_7 = { class: "time-zone" };
-  const _hoisted_8 = { class: "time-zone-area" };
-  const _hoisted_9 = { class: "time-zone-tag" };
+  const _hoisted_8 = {
+    key: 0,
+    class: "time-zone-area"
+  };
+  const _hoisted_9 = {
+    key: 0,
+    class: "time-zone-tag"
+  };
   const _hoisted_10 = { class: "time-zone-picker" };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-wrapper",
@@ -3954,21 +3969,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 1
                 /* TEXT */
               ),
-              vue.createElementVNode(
+              vue.unref(timezoneInfo).country ? (vue.openBlock(), vue.createElementBlock(
                 "span",
                 _hoisted_8,
                 vue.toDisplayString(vue.unref(timezoneInfo).country) + ", " + vue.toDisplayString(vue.unref(timezoneInfo).abbreviation),
                 1
                 /* TEXT */
-              )
+              )) : vue.createCommentVNode("v-if", true)
             ]),
-            vue.createElementVNode(
+            typeof vue.unref(timezoneInfo).utc !== "undefined" ? (vue.openBlock(), vue.createElementBlock(
               "span",
               _hoisted_9,
               vue.toDisplayString(vue.unref(timezoneInfo).utc),
               1
               /* TEXT */
-            ),
+            )) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(bkuiVue.Button), {
               class: "time-zone-btn",
               size: "small",
@@ -4066,9 +4081,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const dateTooltipsRef = vue.ref();
       const dateContentRef = vue.ref();
       const format = vue.computed(() => props.format);
-      const timezoneInfo = vue.computed(() => getTimezoneInfoByValue(props.timezone || dayjs.tz.guess()));
+      const timezoneInfo = vue.computed(() => {
+        let timezone = props.timezone || dayjs.tz.guess();
+        if (!isValidTimeZone(timezone)) {
+          console.error(`invalid timezone: ${props.timezone} datepicker will use ${DEFAULT_TIMEZONE} as default`);
+          timezone = DEFAULT_TIMEZONE;
+        }
+        return getTimezoneInfoByValue(timezone) || { label: props.timezone, value: props.timezone };
+      });
       const diffTimezone = vue.computed(() => {
-        const timezone = props.timezone;
+        const timezone = timezoneInfo.value.label;
         if (!timezone || props.timezone === dayjs.tz.guess()) return 0;
         const a = dayjs().utcOffset();
         const b = dayjs.tz(dayjs(), timezone).utcOffset();
@@ -4085,7 +4107,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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, props.timezone);
+          dateDetail.value = new DateRange(v, format.value, timezoneInfo.value.label);
         },
         {
           immediate: true
@@ -4114,11 +4136,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (enterTimer) return;
         enterTimer = setTimeout(() => {
           tooltipsShow.value = true;
-          tooltipsDetail.value = new DateRange(
-            dateDetail.value.dateValue,
-            format.value,
-            props.timezone || dayjs.tz.guess()
-          );
+          tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
           enterTimer = null;
         }, 100);
       }
@@ -4134,7 +4152,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const [start, end] = val;
         const [oldStart, oldEnd] = props.modelValue || [];
         if (start && end && start === oldStart && end === oldEnd) return;
-        dateDetail.value = new DateRange(val, format.value, props.timezone);
+        dateDetail.value = new DateRange(val, format.value, timezoneInfo.value.label);
         const emitValue = dateDetail.value.toEmitValue();
         emits("update:modelValue", ...emitValue);
         const canStore = commonDateUseList.value.some((item) => item[0] === start && item[1] === end);
@@ -4219,13 +4237,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 vue.createVNode(_sfc_main$1, {
                   "default-date": dateDetail.value,
                   "need-timezone": _ctx.needTimezone,
-                  timezone: _ctx.timezone,
+                  timezone: timezoneInfo.value.label,
                   onChange: handleChange,
                   "onUpdate:timezone": handleTimezoneChange
                 }, null, 8, ["default-date", "need-timezone", "timezone"])
               ]),
               default: vue.withCtx(() => {
-                var _a;
+                var _a, _b, _c, _d;
                 return [
                   vue.withDirectives((vue.openBlock(), vue.createElementBlock(
                     "span",
@@ -4247,10 +4265,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                         1
                         /* TEXT */
                       ),
-                      _ctx.needTimezone && timezoneInfo.value.label !== vue.unref(dayjs).tz.guess() ? (vue.openBlock(), vue.createElementBlock(
+                      _ctx.needTimezone && ((_a = timezoneInfo.value) == null ? void 0 : _a.label) !== vue.unref(dayjs).tz.guess() ? (vue.openBlock(), vue.createElementBlock(
                         "span",
                         _hoisted_2,
-                        vue.toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))),
+                        vue.toDisplayString(((_b = timezoneInfo.value) == null ? void 0 : _b.abbreviation) || ((_d = (_c = timezoneInfo.value) == null ? void 0 : _c.utc) == null ? void 0 : _d.replace("UTC", "").replace(":00", ""))),
                         1
                         /* TEXT */
                       )) : vue.createCommentVNode("v-if", true)
@@ -4279,7 +4297,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               trigger: "manual"
             }, {
               content: vue.withCtx(() => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 return [
                   vue.createElementVNode(
                     "div",
@@ -4308,7 +4326,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       vue.createElementVNode(
                         "div",
                         _hoisted_3,
-                        vue.toDisplayString(timezoneInfo.value.label === vue.unref(dayjs).tz.guess() ? `${vue.unref(t)("浏览器时区")} (${timezoneInfo.value.label})` : timezoneInfo.value.label),
+                        vue.toDisplayString(((_c = timezoneInfo.value) == null ? void 0 : _c.label) === vue.unref(dayjs).tz.guess() ? `${vue.unref(t)("浏览器时区")} (${(_d = timezoneInfo.value) == null ? void 0 : _d.label})` : (_e = timezoneInfo.value) == null ? void 0 : _e.label),
                         1
                         /* TEXT */
                       ),
@@ -4346,6 +4364,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.CommonNaturalOptions = CommonNaturalOptions;
   exports2.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
   exports2.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
+  exports2.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
   exports2.DatePicker = _sfc_main;
   exports2.DateRange = DateRange;
   exports2.DateUnitList = DateUnitList;
@@ -4364,6 +4383,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.getStoreTabKey = getStoreTabKey;
   exports2.getTimezoneOffset = getTimezoneOffset;
   exports2.inputVal2Dayjs = inputVal2Dayjs;
+  exports2.isValidTimeZone = isValidTimeZone;
   exports2.naturalDateRegexp = naturalDateRegexp;
   exports2.naturalDateShortcutMap = naturalDateShortcutMap;
   exports2.naturalUnitOptions = naturalUnitOptions;