@blueking/date-picker 3.0.3 → 3.0.5

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@blueking/date-picker",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "蓝鲸监控平台日期时间选择",
   "license": "MIT",
   "author": "Tencent BlueKing",
+  "scripts": {
+    "prepublishOnly": "run-p build dts",
+    "dev": "vite --mode development -c scripts/vite.dev.ts",
+    "build": "tsx ./scripts/vite.build.ts",
+    "dts": "vue-tsc --project tsconfig.dts.json",
+    "prettier": "prettier ./src ./scripts ./playground --write",
+    "visualize": "vite-bundle-visualizer -c scripts/vite.vusualizer.ts"
+  },
   "exports": {
     ".": {
       "types": "./typings/vue3.d.ts",
@@ -54,12 +62,5 @@
     "bkui-vue": "^2.0.1",
     "dayjs": "^1.11.10",
     "vue": "^3"
-  },
-  "scripts": {
-    "dev": "vite --mode development -c scripts/vite.dev.ts",
-    "build": "tsx ./scripts/vite.build.ts",
-    "dts": "vue-tsc --project tsconfig.dts.json",
-    "prettier": "prettier ./src ./scripts ./playground --write",
-    "visualize": "vite-bundle-visualizer -c scripts/vite.vusualizer.ts"
   }
-}
+}

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({
@@ -26487,7 +26523,7 @@ class DateRange {
     if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
       return dayjs.tz(date.valueOf(), this.timezone);
     const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-    const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+    const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
     let baselineDayjs = dayjs();
     if (baselineTime && baselineTime !== NowConstant) {
       baselineDayjs = dayjs(baselineTime);

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({
@@ -34090,7 +34126,7 @@ ${$(r2)}`), n2;
       if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
         return dayjs.tz(date.valueOf(), this.timezone);
       const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-      const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+      const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
       let baselineDayjs = dayjs();
       if (baselineTime && baselineTime !== NowConstant) {
         baselineDayjs = dayjs(baselineTime);

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({
@@ -26502,7 +26538,7 @@ ${$(r2)}`), n2;
       if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
         return dayjs.tz(date.valueOf(), this.timezone);
       const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-      const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+      const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
       let baselineDayjs = dayjs();
       if (baselineTime && baselineTime !== NowConstant) {
         baselineDayjs = dayjs(baselineTime);

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({
@@ -2105,7 +2141,7 @@ class DateRange {
     if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
       return dayjs.tz(date.valueOf(), this.timezone);
     const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-    const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+    const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
     let baselineDayjs = dayjs();
     if (baselineTime && baselineTime !== NowConstant) {
       baselineDayjs = dayjs(baselineTime);

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({
@@ -27108,7 +27144,7 @@ ${$(r2)}`), n2;
       if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
         return dayjs.tz(date.valueOf(), this.timezone);
       const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-      const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+      const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
       let baselineDayjs = dayjs();
       if (baselineTime && baselineTime !== NowConstant) {
         baselineDayjs = dayjs(baselineTime);

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({
@@ -2101,7 +2137,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (typeof value === "number" || dayjs.isDayjs(value) || date.isValid())
         return dayjs.tz(date.valueOf(), this.timezone);
       const [, baselineTimeStr, num, unit, diffUnit] = value.match(baselineDateRegexp) || [];
-      const baselineTime = baselineTimeStr.replace(/[()]/g, "");
+      const baselineTime = baselineTimeStr == null ? void 0 : baselineTimeStr.replace(/[()]/g, "");
       let baselineDayjs = dayjs();
       if (baselineTime && baselineTime !== NowConstant) {
         baselineDayjs = dayjs(baselineTime);