@blueking/date-picker 3.0.3 → 3.0.4

package/package.json

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

package/vue2/index.es.min.js

@@ -24494,6 +24494,40 @@ const t = (key) => {
 };
 dayjs.extend(utc);
 dayjs.extend(tz);
+const getDynamicTimezoneInfo = (timezone) => {
+  try {
+    const now2 = dayjs().tz(timezone);
+    const offsetMinutes = now2.utcOffset();
+    const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+    const minutes = Math.abs(offsetMinutes) % 60;
+    const sign = offsetMinutes >= 0 ? "+" : "-";
+    const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+    const abbreviation = getTimezoneAbbreviation(timezone);
+    return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+  } catch {
+    return { abbreviation: "", utcOffset: "" };
+  }
+};
+const getTimezoneAbbreviation = (timezone) => {
+  try {
+    const formatter = new Intl.DateTimeFormat("en-US", {
+      timeZone: timezone,
+      timeZoneName: "short"
+    });
+    const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+    const tzPart = parts.find((part) => part.type === "timeZoneName");
+    return (tzPart == null ? void 0 : tzPart.value) || "";
+  } catch {
+    return "";
+  }
+};
+const updateSearchIndex = (searchIndex, timezone) => {
+  const parts = searchIndex.split("|");
+  const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone);
+  parts[1] = abbreviation;
+  parts[2] = utcOffset;
+  return parts.join("|");
+};
 const timezoneData = [
   {
     label: "Africa",
@@ -25838,9 +25872,11 @@ const getTimezoneDetails = () => {
     return {
       label: group.label,
       options: group.options.map((option) => {
+        const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
         const info = {
           ...option,
-          ...getTimezoneInfo(option.searchIndex)
+          searchIndex: dynamicSearchIndex,
+          ...getTimezoneInfo(dynamicSearchIndex)
         };
         if (option.value === browserTimeZone) {
           defaultTimezoneList.push({

package/vue2/index.iife.min.js

@@ -32065,6 +32065,40 @@ ${$(r2)}`), n2;
   };
   dayjs.extend(utc);
   dayjs.extend(tz);
+  const getDynamicTimezoneInfo = (timezone2) => {
+    try {
+      const now2 = dayjs().tz(timezone2);
+      const offsetMinutes = now2.utcOffset();
+      const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+      const minutes = Math.abs(offsetMinutes) % 60;
+      const sign = offsetMinutes >= 0 ? "+" : "-";
+      const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+      const abbreviation = getTimezoneAbbreviation(timezone2);
+      return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+    } catch {
+      return { abbreviation: "", utcOffset: "" };
+    }
+  };
+  const getTimezoneAbbreviation = (timezone2) => {
+    try {
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: timezone2,
+        timeZoneName: "short"
+      });
+      const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+      const tzPart = parts.find((part) => part.type === "timeZoneName");
+      return (tzPart == null ? void 0 : tzPart.value) || "";
+    } catch {
+      return "";
+    }
+  };
+  const updateSearchIndex = (searchIndex, timezone2) => {
+    const parts = searchIndex.split("|");
+    const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone2);
+    parts[1] = abbreviation;
+    parts[2] = utcOffset;
+    return parts.join("|");
+  };
   const timezoneData = [
     {
       label: "Africa",
@@ -33409,9 +33443,11 @@ ${$(r2)}`), n2;
       return {
         label: group.label,
         options: group.options.map((option) => {
+          const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
           const info = {
             ...option,
-            ...getTimezoneInfo(option.searchIndex)
+            searchIndex: dynamicSearchIndex,
+            ...getTimezoneInfo(dynamicSearchIndex)
           };
           if (option.value === browserTimeZone) {
             defaultTimezoneList.push({

package/vue2/index.umd.min.js

@@ -24509,6 +24509,40 @@ ${$(r2)}`), n2;
   };
   dayjs.extend(utc);
   dayjs.extend(tz);
+  const getDynamicTimezoneInfo = (timezone) => {
+    try {
+      const now2 = dayjs().tz(timezone);
+      const offsetMinutes = now2.utcOffset();
+      const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+      const minutes = Math.abs(offsetMinutes) % 60;
+      const sign = offsetMinutes >= 0 ? "+" : "-";
+      const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+      const abbreviation = getTimezoneAbbreviation(timezone);
+      return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+    } catch {
+      return { abbreviation: "", utcOffset: "" };
+    }
+  };
+  const getTimezoneAbbreviation = (timezone) => {
+    try {
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: timezone,
+        timeZoneName: "short"
+      });
+      const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+      const tzPart = parts.find((part) => part.type === "timeZoneName");
+      return (tzPart == null ? void 0 : tzPart.value) || "";
+    } catch {
+      return "";
+    }
+  };
+  const updateSearchIndex = (searchIndex, timezone) => {
+    const parts = searchIndex.split("|");
+    const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone);
+    parts[1] = abbreviation;
+    parts[2] = utcOffset;
+    return parts.join("|");
+  };
   const timezoneData = [
     {
       label: "Africa",
@@ -25853,9 +25887,11 @@ ${$(r2)}`), n2;
       return {
         label: group.label,
         options: group.options.map((option) => {
+          const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
           const info = {
             ...option,
-            ...getTimezoneInfo(option.searchIndex)
+            searchIndex: dynamicSearchIndex,
+            ...getTimezoneInfo(dynamicSearchIndex)
           };
           if (option.value === browserTimeZone) {
             defaultTimezoneList.push({

package/vue3/index.es.min.js

@@ -112,6 +112,40 @@ const t = (key) => {
 };
 dayjs.extend(utc);
 dayjs.extend(tz);
+const getDynamicTimezoneInfo = (timezone) => {
+  try {
+    const now = dayjs().tz(timezone);
+    const offsetMinutes = now.utcOffset();
+    const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+    const minutes = Math.abs(offsetMinutes) % 60;
+    const sign = offsetMinutes >= 0 ? "+" : "-";
+    const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+    const abbreviation = getTimezoneAbbreviation(timezone);
+    return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+  } catch {
+    return { abbreviation: "", utcOffset: "" };
+  }
+};
+const getTimezoneAbbreviation = (timezone) => {
+  try {
+    const formatter = new Intl.DateTimeFormat("en-US", {
+      timeZone: timezone,
+      timeZoneName: "short"
+    });
+    const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+    const tzPart = parts.find((part) => part.type === "timeZoneName");
+    return (tzPart == null ? void 0 : tzPart.value) || "";
+  } catch {
+    return "";
+  }
+};
+const updateSearchIndex = (searchIndex, timezone) => {
+  const parts = searchIndex.split("|");
+  const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone);
+  parts[1] = abbreviation;
+  parts[2] = utcOffset;
+  return parts.join("|");
+};
 const timezoneData = [
   {
     label: "Africa",
@@ -1456,9 +1490,11 @@ const getTimezoneDetails = () => {
     return {
       label: group.label,
       options: group.options.map((option) => {
+        const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
         const info = {
           ...option,
-          ...getTimezoneInfo(option.searchIndex)
+          searchIndex: dynamicSearchIndex,
+          ...getTimezoneInfo(dynamicSearchIndex)
         };
         if (option.value === browserTimeZone) {
           defaultTimezoneList.push({

package/vue3/index.iife.min.js

@@ -25083,6 +25083,40 @@ ${$(r2)}`), n2;
   };
   dayjs.extend(utc);
   dayjs.extend(tz);
+  const getDynamicTimezoneInfo = (timezone2) => {
+    try {
+      const now2 = dayjs().tz(timezone2);
+      const offsetMinutes = now2.utcOffset();
+      const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+      const minutes = Math.abs(offsetMinutes) % 60;
+      const sign = offsetMinutes >= 0 ? "+" : "-";
+      const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+      const abbreviation = getTimezoneAbbreviation(timezone2);
+      return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+    } catch {
+      return { abbreviation: "", utcOffset: "" };
+    }
+  };
+  const getTimezoneAbbreviation = (timezone2) => {
+    try {
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: timezone2,
+        timeZoneName: "short"
+      });
+      const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+      const tzPart = parts.find((part) => part.type === "timeZoneName");
+      return (tzPart == null ? void 0 : tzPart.value) || "";
+    } catch {
+      return "";
+    }
+  };
+  const updateSearchIndex = (searchIndex, timezone2) => {
+    const parts = searchIndex.split("|");
+    const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone2);
+    parts[1] = abbreviation;
+    parts[2] = utcOffset;
+    return parts.join("|");
+  };
   const timezoneData = [
     {
       label: "Africa",
@@ -26427,9 +26461,11 @@ ${$(r2)}`), n2;
       return {
         label: group.label,
         options: group.options.map((option) => {
+          const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
           const info = {
             ...option,
-            ...getTimezoneInfo(option.searchIndex)
+            searchIndex: dynamicSearchIndex,
+            ...getTimezoneInfo(dynamicSearchIndex)
           };
           if (option.value === browserTimeZone) {
             defaultTimezoneList.push({

package/vue3/index.umd.min.js

@@ -108,6 +108,40 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   dayjs.extend(utc);
   dayjs.extend(tz);
+  const getDynamicTimezoneInfo = (timezone) => {
+    try {
+      const now = dayjs().tz(timezone);
+      const offsetMinutes = now.utcOffset();
+      const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+      const minutes = Math.abs(offsetMinutes) % 60;
+      const sign = offsetMinutes >= 0 ? "+" : "-";
+      const utcOffset = minutes > 0 ? `utc${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}` : `utc${sign}${String(hours).padStart(2, "0")}:00`;
+      const abbreviation = getTimezoneAbbreviation(timezone);
+      return { abbreviation: abbreviation.toLowerCase(), utcOffset: utcOffset.toLowerCase() };
+    } catch {
+      return { abbreviation: "", utcOffset: "" };
+    }
+  };
+  const getTimezoneAbbreviation = (timezone) => {
+    try {
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: timezone,
+        timeZoneName: "short"
+      });
+      const parts = formatter.formatToParts(/* @__PURE__ */ new Date());
+      const tzPart = parts.find((part) => part.type === "timeZoneName");
+      return (tzPart == null ? void 0 : tzPart.value) || "";
+    } catch {
+      return "";
+    }
+  };
+  const updateSearchIndex = (searchIndex, timezone) => {
+    const parts = searchIndex.split("|");
+    const { abbreviation, utcOffset } = getDynamicTimezoneInfo(timezone);
+    parts[1] = abbreviation;
+    parts[2] = utcOffset;
+    return parts.join("|");
+  };
   const timezoneData = [
     {
       label: "Africa",
@@ -1452,9 +1486,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return {
         label: group.label,
         options: group.options.map((option) => {
+          const dynamicSearchIndex = updateSearchIndex(option.searchIndex, option.value);
           const info = {
             ...option,
-            ...getTimezoneInfo(option.searchIndex)
+            searchIndex: dynamicSearchIndex,
+            ...getTimezoneInfo(dynamicSearchIndex)
           };
           if (option.value === browserTimeZone) {
             defaultTimezoneList.push({