@blueking/date-picker 0.0.20 → 0.0.22

package/dist/vue3-light.es.js

@@ -1,3102 +0,0 @@
-import dayjs from "dayjs";
-import { Dayjs, default as default2 } from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat";
-import localizedFormat from "dayjs/plugin/localizedFormat";
-import tz from "dayjs/plugin/timezone";
-import utc from "dayjs/plugin/utc";
-import { provide, inject, defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, shallowRef, watch, createElementVNode, normalizeClass, withModifiers, ref, withDirectives, withKeys, computed, vShow, KeepAlive, resolveDynamicComponent, onBeforeUnmount, normalizeStyle } from "vue";
-import { Tab, Button, Checkbox, Popover, Select, Input, Exception, provideGlobalConfig } from "bkui-vue";
-import { clickoutside } from "bkui-vue/lib/directives";
-import { AngleDoubleLeft, AngleLeft, AngleRight, AngleDoubleRight, Close } from "bkui-vue/lib/icon";
-import "bkui-vue/lib/styles/reset.css";
-import en from "dayjs/locale/en";
-import cn from "dayjs/locale/zh-cn";
-const getCookieByName = (name) => {
-  const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]*)(;|$)`));
-  if (match) {
-    return match[2];
-  }
-  return "";
-};
-const langData = {
-  "option-上周": "Last week",
-  "option-上月": "Last month",
-  "option-今天": "Today",
-  "option-分钟": "minutes",
-  "option-前天": "now-2d/d",
-  "option-周": "weeks",
-  "option-天": "days",
-  "option-小时": "hours",
-  "option-年": "years",
-  "option-昨天": "Yesterday",
-  "option-月": "Months",
-  "option-本周": "This week",
-  "option-本月": "This month",
-  "option-秒": "Seconds",
-  上周: "now-1w/w",
-  上月: "now-1M/M",
-  今天: "now/d",
-  分钟: "m",
-  前: "Previous",
-  "前 N 周": "Previous N weeks",
-  "前 N 天": "Previous N days",
-  前天: "The day before yesterday",
-  周: "w",
-  天: "d",
-  将来: "Future",
-  小时: "h",
-  常用时间: "Common",
-  年: "y",
-  开始时间: "Start Time",
-  支持多种时间格式自动转换: "Support multiple time formats for automatic conversion",
-  整: "whole",
-  无匹配数据: "No matching data",
-  日期选择: "Time Range",
-  时区设置: "Timezone setting",
-  时间格式支持: "Time format support",
-  昨天: "now-1d/d",
-  暂无最近使用记录: "No recent records",
-  最近: "Last",
-  最近使用: "Recently",
-  月: "M",
-  未来: "Future",
-  本周: "now/w",
-  本月: "now/M",
-  查看支持格式: "View supported formats",
-  格式: "Format",
-  此刻: "now",
-  浏览器时间: "Browser time",
-  确定: "Confirm",
-  示例: "Example",
-  秒: "s",
-  结束时间: "End Time",
-  自然日期: "Natural",
-  至今: "so far",
-  请输入: "Please enter",
-  "请输入搜索（国家，城市，简称）": "Please enter search (country, city, abbreviation)",
-  近: "Last ",
-  "（至今）": "(so far)"
-};
-const langValueMap = Object.keys(langData).reduce((pre, cur) => {
-  pre[langData[cur]] = cur;
-  return pre;
-}, {});
-const lang = getCookieByName("blueking_language") || "zh-cn";
-const t = (key, isOption = true) => {
-  if (!langData[key]) {
-    console.info(`[i18n] ${key}: ${langData[key]}`);
-  }
-  if (lang !== "en")
-    return key;
-  if (isOption) {
-    const val = langData[`option-${key}`];
-    return (val == null ? void 0 : val.includes("now")) ? langData[key] : val || langData[key];
-  }
-  return langData[key];
-};
-var DateMode = /* @__PURE__ */ ((DateMode2) => {
-  DateMode2["Date"] = "date";
-  DateMode2["FUTURE"] = "now+";
-  DateMode2["NATURAL"] = "natural";
-  DateMode2["RECENT"] = "now-";
-  return DateMode2;
-})(DateMode || {});
-const DateUnitList = [
-  {
-    id: "s",
-    name: t("秒")
-  },
-  {
-    id: "m",
-    name: t("分钟")
-  },
-  {
-    id: "h",
-    name: t("小时")
-  },
-  {
-    id: "d",
-    name: t("天")
-  },
-  {
-    id: "w",
-    name: t("周")
-  },
-  {
-    id: "M",
-    name: t("月")
-  },
-  {
-    id: "y",
-    name: t("年")
-  }
-];
-const dateUnit = DateUnitList.map((item) => item.id).join("");
-var NaturalOptionType = /* @__PURE__ */ ((NaturalOptionType2) => {
-  NaturalOptionType2["custom"] = "custom";
-  NaturalOptionType2["default"] = "default";
-  NaturalOptionType2["edit"] = "edit";
-  return NaturalOptionType2;
-})(NaturalOptionType || {});
-const CommonNaturalOptions = [
-  {
-    id: "now/d",
-    name: t("今天", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now-1d/d",
-    name: t("昨天", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now-2d/d",
-    name: t("前天", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now/w",
-    name: t("本周", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now-1w/w",
-    name: t("上周", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now/M",
-    name: t("本月", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now-1M/M",
-    name: t("上月", true),
-    type: "default"
-    /* default */
-  },
-  {
-    id: "now-nd/d",
-    name: t("前 N 天"),
-    prefix: t("前"),
-    suffix: t("天"),
-    type: "edit",
-    unit: "d"
-  },
-  {
-    id: "now-nw/w",
-    name: t("前 N 周"),
-    prefix: t("前"),
-    suffix: t("周"),
-    type: "edit",
-    unit: "w"
-  }
-];
-var NaturalUnit = /* @__PURE__ */ ((NaturalUnit2) => {
-  NaturalUnit2["ALL"] = "all";
-  NaturalUnit2["NOW"] = "now";
-  return NaturalUnit2;
-})(NaturalUnit || {});
-const naturalUnitOptions = [
-  {
-    id: "all",
-    name: t("整")
-  },
-  {
-    id: "now",
-    name: t("至今")
-  }
-];
-const panels = [
-  {
-    id: "common",
-    name: t("常用时间")
-  },
-  {
-    id: "recent",
-    name: t("最近使用")
-  }
-];
-const datePickTabList = [
-  {
-    id: DateMode.RECENT,
-    name: t("最近")
-  },
-  {
-    id: DateMode.FUTURE,
-    name: t("未来")
-  },
-  {
-    id: DateMode.NATURAL,
-    name: t("自然日期")
-  },
-  {
-    id: DateMode.Date,
-    name: t("日期选择")
-  }
-];
-const storeKey = "__bk_time_picker_store__";
-const getStoreKey = (key = 1) => `${storeKey}_${key}`;
-const dateFormatList = [
-  "YYYY-MM-DD HH:mm:ss",
-  "YYYY-MM-DD HH:mm:ss,SSS",
-  "YYYY-MM-DD HH:mm:ss.SSS",
-  "YYYY-MM-DD+HH:mm:ss",
-  "MM/DD/YYYY HH:mm:ss",
-  "YYYYMMDDHHmmss",
-  "YYYYMMDD HHmmss",
-  "YYYYMMDD HHmmss.SSS",
-  "DD/MMM/YYYY:HH:mm:ss",
-  "DD/MMM/YYYY:HH:mm:ssZ",
-  "DD/MMM/YYYY:HH:mm:ss Z",
-  "DD/MMM/YYYY:HH:mm:ssZZ",
-  "DD/MMM/YYYY:HH:mm:ss ZZ",
-  "YYYY-MM-DDTHH:mm:ss",
-  "YYYY-MM-DDTHH:mm:ss.SSS",
-  "YYYYMMDDTHHmmssZ",
-  "YYYYMMDDTHHmmss.SSSSSSZ",
-  "YYYY-MM-DDTHH:mm:ss.SSSZ",
-  "YYYY-MM-DDTHH:mm:ssZ",
-  "YYYY-MM-DDTHH:mm:ss.SSSSSSZ"
-];
-const recentDateRegexp = new RegExp(`now[+-](\\d+)([${dateUnit}]{1})`);
-const naturalDateRegexp = new RegExp(`now[+-]?(\\d*)([${dateUnit}]?)\\/([${dateUnit}]?)`);
-const DATE_PICKER_PROVIDER_KEY = Symbol("DATE_PICKER_PROVIDER_KEY");
-const useDatePickerProvider = (data) => {
-  provide(DATE_PICKER_PROVIDER_KEY, data);
-};
-const useDatePickertInject = () => inject(DATE_PICKER_PROVIDER_KEY);
-const getDateValueToString = (value, format) => {
-  if (!isValidDateValue(value)) {
-    return (value == null ? void 0 : value[0]) || "";
-  }
-  const [start, end] = value;
-  let startDate = dayjs(start, format);
-  startDate = startDate.isValid() ? startDate : dayjs(start);
-  let endDate = dayjs(end, format);
-  endDate = endDate.isValid() ? endDate : dayjs(end);
-  if (startDate.isValid() || endDate.isValid()) {
-    let replaceFormat = format;
-    if (end === "now") {
-      return `${startDate.format(format)} ~ ${t("此刻")}`;
-    }
-    const startStep = ["Y", "M", "D", "H", "m", "s"].reduce(
-      (prev, cur, i, arr) => {
-        if (i < 1)
-          return prev;
-        const v = format.indexOf(cur) > format.indexOf(arr[i - 1]);
-        if (v) {
-          prev.push(cur);
-        } else {
-          prev = [];
-        }
-        return prev;
-      },
-      ["Y"]
-    );
-    if (startStep.length > 1 && startStep.includes("D") && startDate.isSame(endDate, "year")) {
-      const [, yearFormat] = format.match(/(Y+)/);
-      let commonStr = format.replace(yearFormat, startDate.format(yearFormat));
-      replaceFormat = replaceFormat.replace(/Y+[-/\\\s]/, "");
-      if (startDate.isSame(endDate, "month")) {
-        const [, monthFormat] = format.match(/(M+)/);
-        commonStr = commonStr.replace(monthFormat, startDate.format(monthFormat));
-        replaceFormat = replaceFormat.replace(/M+[-/\\\s]/, "");
-        if (startDate.isSame(endDate, "day")) {
-          const [, dayFormat] = format.match(/(d+|D+)/);
-          commonStr = commonStr.replace(dayFormat, startDate.format(dayFormat));
-          replaceFormat = replaceFormat.replace(/(d|D)+[-/\\\s]/, "");
-          if (startDate.isSame(endDate, "hour")) {
-            const [, hourFormat] = format.match(/(H+|h+)/);
-            commonStr = commonStr.replace(hourFormat, startDate.format(hourFormat));
-            replaceFormat = replaceFormat.replace(/[Hh]+[-/\\\s:]/, "");
-            if (startDate.isSame(endDate, "minute")) {
-              const [, minuteFormat] = format.match(/(m+)/);
-              commonStr = commonStr.replace(minuteFormat, startDate.format(minuteFormat));
-              replaceFormat = replaceFormat.replace(/m+[-/\\\s:]/, "");
-            }
-          }
-        }
-      }
-      return commonStr.replace(
-        replaceFormat,
-        `(${startDate.format(replaceFormat)} ~ ${endDate.format(replaceFormat)})`
-      );
-    }
-    return `${startDate.format(format)} ~ ${endDate.format(format)}`;
-  }
-  if (!start.includes("/") && end === "now" || start === "now") {
-    const [, num2, unit2] = (start === "now" ? end : start).match(recentDateRegexp) || [];
-    if (!num2 || !unit2) {
-      return "";
-    }
-    return `${start === "now" ? t("未来") : t("近")}${num2}${lang === "en" ? " " : ""}${t(
-      langValueMap[unit2],
-      true
-    )}`;
-  }
-  const subfix = end !== "now" ? "" : t("（至今）");
-  if (langValueMap[start]) {
-    return t(langValueMap[start].replace("option-", ""), true) + subfix;
-  }
-  const [, num, unit] = start.match(naturalDateRegexp) || [];
-  if (!num || !unit) {
-    return "";
-  }
-  return `${`${t("前")} ${num} ${t(langValueMap[unit], true)}`}${subfix}`;
-};
-const getDateValueMode = (value) => {
-  if (!isValidDateValue(value)) {
-    return DateMode.RECENT;
-  }
-  const [start, end] = value;
-  const startDate = dayjs(start);
-  const endDate = dayjs(end);
-  if (startDate.isValid() || endDate.isValid()) {
-    return DateMode.Date;
-  }
-  if (!start.includes("/") && end === "now")
-    return DateMode.RECENT;
-  if (start === "now") {
-    return DateMode.FUTURE;
-  }
-  if ((start === end || end === "now") && naturalDateRegexp.test(start)) {
-    return DateMode.NATURAL;
-  }
-  if (naturalDateRegexp.test(start) && naturalDateRegexp.test(end)) {
-    return DateMode.NATURAL;
-  }
-  return DateMode.Date;
-};
-const transformDateValueToDayjs = (value) => {
-  if (!isValidDateValue(value)) {
-    return [];
-  }
-  const [start, end] = value;
-  const startDate = dayjs(start);
-  const endDate = dayjs(end);
-  if (startDate.isValid() || endDate.isValid()) {
-    return [startDate, end === "now" ? dayjs() : endDate];
-  }
-  if (!start.includes("/") && end === "now") {
-    const [, num2, unit2] = start.match(recentDateRegexp) || [];
-    if (!num2 || !unit2) {
-      return [];
-    }
-    return [dayjs().add(-num2, unit2), dayjs()];
-  }
-  if (start === "now") {
-    const [, num2, unit2] = end.match(recentDateRegexp) || [];
-    if (!num2 || !unit2) {
-      return [];
-    }
-    return [dayjs(), dayjs().add(+num2, unit2)];
-  }
-  const [, num, unit, diffUnit] = start.match(naturalDateRegexp) || [];
-  if ((!num || !unit) && !diffUnit) {
-    return [];
-  }
-  const dateUnit2 = unit || diffUnit;
-  const startDayjs = dayjs().startOf(dateUnit2).subtract(+num, unit || diffUnit);
-  if (end === "now")
-    return [startDayjs, dayjs()];
-  if (start === end)
-    return [startDayjs, startDayjs.endOf(dateUnit2)];
-  const [, endNum] = end.match(naturalDateRegexp) || [];
-  const endDayjs = dayjs().subtract(+endNum, dateUnit2).endOf(dateUnit2);
-  console.info(startDayjs.format(), endDayjs.format());
-  return [startDayjs, endDayjs];
-};
-const isValidDateValue = (val) => {
-  if (!Array.isArray(val) || val.length < 2)
-    return false;
-  const [start, end] = val;
-  const startDate = dayjs(start);
-  const endDate = dayjs(end);
-  if (startDate.isValid() || endDate.isValid()) {
-    if (end === "now")
-      return startDate.isValid();
-    return startDate.isValid() && endDate.isValid();
-  }
-  if (!start.includes("/") && end === "now" || start === "now") {
-    const date = start === "now" ? end : start;
-    return recentDateRegexp.test(date);
-  }
-  if (end === "now" || start === end)
-    return naturalDateRegexp.test(start);
-  return naturalDateRegexp.test(start) && naturalDateRegexp.test(end);
-};
-const getStoreDateList = (storeKey2) => {
-  const storeListStr = localStorage.getItem(storeKey2);
-  let list = [];
-  if (storeListStr) {
-    try {
-      list = JSON.parse(storeListStr);
-    } catch {
-      list = [];
-    }
-  }
-  if (!Array.isArray(list)) {
-    list = [];
-  }
-  return list;
-};
-const setStoreDateList = (val, storeKey2) => {
-  if (!isValidDateValue(val))
-    return;
-  let list = [];
-  const storeListStr = localStorage.getItem(storeKey2);
-  if (storeListStr) {
-    try {
-      list = JSON.parse(storeListStr);
-    } catch {
-      list = [];
-    }
-  }
-  if (!Array.isArray(list)) {
-    list = [];
-  }
-  if (list.some((item) => item[0] === val[0] && item[1] === val[1]))
-    return;
-  list.unshift(val);
-  localStorage.setItem(storeKey2, JSON.stringify(list.slice(0, 10)));
-};
-const _hoisted_1$7 = { class: "common-panel-tab" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "common-tab",
-  props: {
-    modelValue: {
-      required: true,
-      type: String
-    },
-    /** panels */
-    panels: {
-      required: true,
-      type: Array
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createVNode(unref(Tab), {
-          active: __props.modelValue,
-          type: "unborder-card",
-          "onUpdate:active": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.panels, (item) => {
-              return openBlock(), createBlock(unref(Tab).TabPanel, {
-                key: item.id,
-                name: item.id,
-                label: item.name
-              }, null, 8, ["name", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["active"])
-      ]);
-    };
-  }
-});
-const commonTab_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "common-submit",
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["submit"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(Button), {
-          class: "common-submit",
-          outline: true,
-          theme: "primary",
-          disabled: _ctx.disabled,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("submit"))
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("确定")), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-const commonSubmit_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$6 = { class: "date-panel" };
-const _hoisted_2$5 = { class: "date-panel-title" };
-const _hoisted_3$4 = { class: "date-panel-main" };
-const _hoisted_4$3 = { class: "date-header" };
-const _hoisted_5$3 = { class: "date-header-left" };
-const _hoisted_6$3 = { class: "date-header-center" };
-const _hoisted_7$2 = /* @__PURE__ */ createElementVNode("span", { class: "date-split" }, null, -1);
-const _hoisted_8$2 = { class: "date-header-right" };
-const _hoisted_9$2 = { class: "date-content" };
-const _hoisted_10$2 = { class: "date-grid" };
-const _hoisted_11$1 = ["onClick"];
-const panelRowCount = 6;
-const weekItemCount = 7;
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "date-panel",
-  props: {
-    format: { default: "YYYY-MM-DD HH:mm:ss" },
-    isNow: { type: Boolean },
-    minDate: {},
-    modelValue: {}
-  },
-  emits: ["update:isNow", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const weekList = lang === "en" ? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] : ["日", "一", "二", "三", "四", "五", "六"];
-    const panleDateList = shallowRef([]);
-    const today = dayjs();
-    const curPanelDate = shallowRef(props.modelValue || today);
-    watch(curPanelDate, () => {
-      const firstDay = curPanelDate.value.startOf("month").startOf("week");
-      const list = [];
-      for (let i = 0; i < panelRowCount * weekItemCount; i++) {
-        list.push(firstDay.add(i, "day"));
-      }
-      panleDateList.value = list;
-    }, {
-      immediate: true
-    });
-    const nextMonth = (number) => {
-      curPanelDate.value = curPanelDate.value.add(number, "month");
-    };
-    const nextYear = (number) => {
-      curPanelDate.value = curPanelDate.value.add(number, "year");
-    };
-    const handleDateChange = (date) => {
-      if (props.minDate && date.isBefore(props.minDate, "day")) {
-        return;
-      }
-      emits("update:modelValue", date);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
-          createTextVNode(toDisplayString(unref(t)("结束时间")) + " ", 1),
-          createVNode(unref(Checkbox), {
-            size: "small",
-            class: "title-check",
-            "model-value": props.isNow,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:isNow", !$event))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(" now ")
-            ]),
-            _: 1
-          }, 8, ["model-value"])
-        ]),
-        createElementVNode("div", _hoisted_3$4, [
-          createElementVNode("div", _hoisted_4$3, [
-            createElementVNode("div", _hoisted_5$3, [
-              createVNode(unref(AngleDoubleLeft), {
-                class: "hand-icon",
-                onClick: _cache[1] || (_cache[1] = ($event) => nextYear(-1))
-              }),
-              createVNode(unref(AngleLeft), {
-                class: "hand-icon",
-                onClick: _cache[2] || (_cache[2] = ($event) => nextMonth(-1))
-              })
-            ]),
-            createElementVNode("div", _hoisted_6$3, [
-              createTextVNode(toDisplayString(curPanelDate.value.year()), 1),
-              _hoisted_7$2,
-              createTextVNode(toDisplayString(curPanelDate.value.month() + 1), 1)
-            ]),
-            createElementVNode("div", _hoisted_8$2, [
-              createVNode(unref(AngleRight), {
-                class: "hand-icon",
-                onClick: _cache[3] || (_cache[3] = ($event) => nextMonth(1))
-              }),
-              createVNode(unref(AngleDoubleRight), {
-                class: "hand-icon",
-                onClick: _cache[4] || (_cache[4] = ($event) => nextYear(1))
-              })
-            ])
-          ]),
-          createElementVNode("div", _hoisted_9$2, [
-            createElementVNode("ul", _hoisted_10$2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekList), (day, index) => {
-                return openBlock(), createElementBlock("li", {
-                  class: "date-grid-item not-click",
-                  key: index
-                }, toDisplayString(day), 1);
-              }), 128))
-            ]),
-            (openBlock(), createElementBlock(Fragment, null, renderList(panelRowCount, (row) => {
-              return createElementVNode("ul", {
-                class: "date-grid",
-                key: row
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(panleDateList.value.slice((row - 1) * weekItemCount, (row - 1) * weekItemCount + weekItemCount), (date) => {
-                  return openBlock(), createElementBlock("li", {
-                    class: normalizeClass(["date-grid-item", {
-                      "is-last-month": date.isBefore(curPanelDate.value, "month"),
-                      "is-next-month": date.isAfter(curPanelDate.value, "month"),
-                      "is-today": date.isSame(unref(today), "day"),
-                      "is-disabled": _ctx.minDate && date.isBefore(_ctx.minDate, "day"),
-                      "is-selected": props.modelValue && date.isSame(props.modelValue, "day")
-                    }]),
-                    key: date.unix(),
-                    onClick: withModifiers(($event) => handleDateChange(date), ["prevent"])
-                  }, toDisplayString(date.date()), 11, _hoisted_11$1);
-                }), 128))
-              ]);
-            }), 64))
-          ])
-        ])
-      ]);
-    };
-  }
-});
-const datePanel_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$5 = { class: "date-wrapper" };
-const _hoisted_2$4 = { class: "date-input" };
-const _hoisted_3$3 = { class: "date-picker" };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "date-picker-icon" }, [
-  /* @__PURE__ */ createElementVNode("svg", {
-    class: "date-content-icon",
-    viewBox: "0 0 1024 1024",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "xmlns:xlink": "http://www.w3.org/1999/xlink",
-    width: "14",
-    height: "14"
-  }, [
-    /* @__PURE__ */ createElementVNode("path", {
-      xmlns: "http://www.w3.org/2000/svg",
-      d: "M558.933 465.067h-93.866v93.866h93.866v-93.866z m0 162.133h-93.866v93.867h93.866V627.2z m371.2-533.333h-93.866V21.333c0-12.8-8.534-21.333-21.334-21.333S793.6 8.533 793.6 21.333V89.6H234.667V21.333c0-12.8-12.8-21.333-25.6-21.333s-21.334 8.533-21.334 21.333V89.6H93.867C42.667 93.867 0 136.533 0 187.733V934.4c0 46.933 42.667 89.6 93.867 89.6h836.266c51.2 0 93.867-42.667 93.867-93.867v-742.4c0-51.2-42.667-93.866-93.867-93.866z m46.934 836.266c0 25.6-21.334 46.934-46.934 46.934H93.867c-25.6 0-46.934-21.334-46.934-46.934V371.2h930.134v558.933z m0-605.866H46.933V187.733c0-25.6 21.334-46.933 46.934-46.933h93.866v68.267c0 12.8 8.534 21.333 21.334 21.333s21.333-8.533 21.333-21.333V140.8h558.933v68.267c0 12.8 8.534 21.333 21.334 21.333S832 221.867 832 209.067V140.8h93.867c25.6 0 46.933 21.333 46.933 46.933v136.534h4.267zM789.333 627.2h-93.866v93.867h93.866V627.2z m0-162.133h-93.866v93.866h93.866v-93.866z m-230.4 324.266h-93.866V883.2h93.866v-93.867z m-234.666 0h-89.6V883.2h93.866v-93.867h-4.266z m0-324.266h-89.6v93.866h93.866v-93.866h-4.266z m0 162.133h-89.6v93.867h93.866V627.2h-4.266z",
-      fill: "#C4C6CC"
-    })
-  ])
-], -1);
-const _hoisted_5$2 = ["placeholder", "value"];
-const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("span", { class: "date-picker-split" }, "~", -1);
-const _hoisted_7$1 = ["placeholder", "value"];
-const _hoisted_8$1 = { class: "show-format" };
-const _hoisted_9$1 = { class: "date-format-wrapper" };
-const _hoisted_10$1 = { class: "content-title" };
-const _hoisted_11 = { class: "content-table" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "date-picker",
-  props: {
-    value: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    dayjs.extend(customParseFormat);
-    const props = __props;
-    const emits = __emit;
-    const startInput = ref(null);
-    const endInput = ref(null);
-    const showStartPanel = ref(false);
-    const showEndPanel = ref(false);
-    const startDate = shallowRef();
-    const endDate = shallowRef();
-    const isNow = ref(false);
-    const { format } = useDatePickertInject();
-    const today = dayjs();
-    watch(() => props.value, (val) => {
-      if (!Array.isArray(val) || val.length < 2)
-        return;
-      const [start, end] = val;
-      const dateStart = dayjs(start);
-      const dateEnd = dayjs(end);
-      if (!dateStart.isValid() && !dateEnd.isValid())
-        return;
-      if (dateStart.isValid()) {
-        const realDate = dayjs(start, format.value);
-        startDate.value = realDate.isValid() ? realDate : dateStart;
-      }
-      if (end === "now") {
-        isNow.value = true;
-        endDate.value = dayjs();
-        return;
-      }
-      if (dateEnd.isValid()) {
-        const realDate = dayjs(end, format.value);
-        endDate.value = realDate.isValid() ? realDate : dateEnd;
-      }
-    }, {
-      immediate: true
-    });
-    const handleInputEnter = async (e, type) => {
-      var _a, _b, _c;
-      const val = e.target.value.toString().trim();
-      if (!val || type === "end" && val === "now" && isNow.value)
-        return;
-      if (val === "now" && type === "end") {
-        if (!isNow.value) {
-          isNow.value = true;
-          handleEndTimeChange(dayjs(), false);
-        }
-        return;
-      }
-      const editDate = type === "start" ? startDate.value : endDate.value;
-      const date = dayjs(val);
-      if (date.isValid()) {
-        if (!(editDate == null ? void 0 : editDate.isSame(date))) {
-          if (type === "start") {
-            handleStartTimeChange(date);
-          } else {
-            isNow.value = val === "now";
-            handleEndTimeChange(date, !!((_a = startDate.value) == null ? void 0 : _a.isSame(date)));
-          }
-        }
-      }
-      e.target.value = type === "start" ? ((_b = startDate.value) == null ? void 0 : _b.format(format.value)) || "" : ((_c = endDate.value) == null ? void 0 : _c.format(format.value)) || "";
-    };
-    const handleFocusStart = () => {
-      showStartPanel.value = true;
-    };
-    const handleFocusEnd = () => {
-      showEndPanel.value = true;
-    };
-    const hiddenStartPanel = (interval = 32) => {
-      setTimeout(() => showStartPanel.value = false, interval);
-    };
-    const hiddenEndPanel = (interval = 32) => {
-      setTimeout(() => showEndPanel.value = false, interval);
-    };
-    const handleStartTimeChange = (date) => {
-      var _a;
-      startDate.value = date;
-      if (!endDate.value) {
-        (_a = endInput.value) == null ? void 0 : _a.focus();
-        handleFocusEnd();
-      }
-      hiddenStartPanel();
-    };
-    const handleEndTimeChange = (date, needEndOfDay = true) => {
-      var _a;
-      endDate.value = needEndOfDay ? dayjs(date.endOf("day")) : date;
-      isNow.value = needEndOfDay ? false : isNow.value;
-      if (!startDate.value) {
-        (_a = startInput.value) == null ? void 0 : _a.focus();
-        handleFocusStart();
-      }
-      hiddenEndPanel();
-    };
-    const handleIsNowChange = () => {
-      isNow.value = !isNow.value;
-      handleEndTimeChange(dayjs(), false);
-      if (startDate.value)
-        showStartPanel.value = false;
-    };
-    const handleClear = () => {
-      startDate.value = void 0;
-      endDate.value = void 0;
-      isNow.value = false;
-      hiddenStartPanel();
-      hiddenEndPanel();
-    };
-    const handleSubmit = () => {
-      var _a, _b;
-      if (startDate.value && endDate.value) {
-        emits("change", [
-          ((_a = startDate.value) == null ? void 0 : _a.format(format.value)) || "",
-          isNow.value ? "now" : ((_b = endDate.value) == null ? void 0 : _b.format(format.value)) || ""
-        ]);
-      }
-    };
-    const handleClickoutsideStart = (e) => {
-      var _a;
-      if (!showStartPanel.value)
-        return;
-      if (!((_a = document.querySelector(".__date-picker-popover-start__")) == null ? void 0 : _a.contains(e.target))) {
-        hiddenStartPanel();
-      }
-    };
-    const handleClickoutsideEnd = (e) => {
-      var _a;
-      if (!showEndPanel.value)
-        return;
-      if (!((_a = document.querySelector(".__date-picker-popover-end__")) == null ? void 0 : _a.contains(e.target))) {
-        hiddenEndPanel();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("div", _hoisted_3$3, [
-            _hoisted_4$2,
-            createVNode(unref(Popover), {
-              trigger: "manual",
-              theme: "light",
-              placement: "bottom-start",
-              boundary: "parent",
-              "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-start__",
-              arrow: false,
-              "is-show": showStartPanel.value
-            }, {
-              content: withCtx(() => [
-                createVNode(_sfc_main$6, {
-                  format: unref(format),
-                  "is-now": isNow.value,
-                  key: "start",
-                  "model-value": startDate.value,
-                  "onUpdate:modelValue": handleStartTimeChange,
-                  "onUpdate:isNow": handleIsNowChange
-                }, null, 8, ["format", "is-now", "model-value"])
-              ]),
-              default: withCtx(() => {
-                var _a;
-                return [
-                  withDirectives(createElementVNode("input", {
-                    ref_key: "startInput",
-                    ref: startInput,
-                    class: "date-picker-start",
-                    spellcheck: "false",
-                    placeholder: unref(t)("开始时间"),
-                    value: (_a = startDate.value) == null ? void 0 : _a.format(unref(format)),
-                    onClick: handleFocusStart,
-                    onBlur: _cache[0] || (_cache[0] = (e) => handleInputEnter(e, "start")),
-                    onKeypress: _cache[1] || (_cache[1] = withKeys((e) => handleInputEnter(e, "start"), ["enter"]))
-                  }, null, 40, _hoisted_5$2), [
-                    [unref(clickoutside), handleClickoutsideStart]
-                  ])
-                ];
-              }),
-              _: 1
-            }, 8, ["is-show"]),
-            _hoisted_6$2,
-            createVNode(unref(Popover), {
-              trigger: "manual",
-              theme: "light",
-              placement: "bottom-start",
-              boundary: "parent",
-              "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-end__",
-              arrow: false,
-              "is-show": showEndPanel.value
-            }, {
-              content: withCtx(() => [
-                createVNode(_sfc_main$6, {
-                  format: unref(format),
-                  "is-now": isNow.value,
-                  "min-date": startDate.value,
-                  "model-value": endDate.value,
-                  key: "end",
-                  "onUpdate:modelValue": handleEndTimeChange,
-                  "onUpdate:isNow": handleIsNowChange
-                }, null, 8, ["format", "is-now", "min-date", "model-value"])
-              ]),
-              default: withCtx(() => {
-                var _a;
-                return [
-                  withDirectives(createElementVNode("input", {
-                    ref_key: "endInput",
-                    ref: endInput,
-                    class: "date-picker-end",
-                    placeholder: unref(t)("结束时间"),
-                    value: isNow.value ? "now" : (_a = endDate.value) == null ? void 0 : _a.format(unref(format)),
-                    onClick: handleFocusEnd,
-                    onBlur: _cache[2] || (_cache[2] = (e) => handleInputEnter(e, "end")),
-                    onKeypress: _cache[3] || (_cache[3] = withKeys((e) => handleInputEnter(e, "end"), ["enter"]))
-                  }, null, 40, _hoisted_7$1), [
-                    [unref(clickoutside), handleClickoutsideEnd]
-                  ])
-                ];
-              }),
-              _: 1
-            }, 8, ["is-show"]),
-            !!(startDate.value || endDate.value) ? (openBlock(), createBlock(unref(Close), {
-              key: 0,
-              class: "date-picker-clear",
-              onClick: handleClear
-            })) : createCommentVNode("", true)
-          ]),
-          createVNode(_sfc_main$7, {
-            disabled: !(startDate.value && endDate.value),
-            onSubmit: handleSubmit
-          }, null, 8, ["disabled"])
-        ]),
-        createElementVNode("div", _hoisted_8$1, [
-          createTextVNode(toDisplayString(unref(t)("支持多种时间格式自动转换")) + " ", 1),
-          createVNode(unref(Popover), {
-            trigger: "click",
-            placement: "bottom",
-            theme: "light"
-          }, {
-            content: withCtx(() => [
-              createElementVNode("div", _hoisted_9$1, [
-                createElementVNode("div", _hoisted_10$1, toDisplayString(unref(t)("时间格式支持")), 1),
-                createElementVNode("table", _hoisted_11, [
-                  createElementVNode("thead", null, [
-                    createElementVNode("tr", null, [
-                      createElementVNode("th", null, toDisplayString(unref(t)("格式")), 1),
-                      createElementVNode("th", null, toDisplayString(unref(t)("示例")), 1)
-                    ])
-                  ]),
-                  createElementVNode("tbody", null, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dateFormatList), (f) => {
-                      return openBlock(), createElementBlock("tr", { key: f }, [
-                        createElementVNode("td", null, toDisplayString(f), 1),
-                        createElementVNode("td", null, toDisplayString(unref(today).format(f)), 1)
-                      ]);
-                    }), 128))
-                  ])
-                ])
-              ])
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(Button), {
-                text: "",
-                theme: "primary",
-                class: "format-button"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("查看支持格式")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-});
-const datePicker_vue_vue_type_style_index_0_lang$1 = "";
-const _hoisted_1$4 = { class: "natural-picker" };
-const _hoisted_2$3 = ["onClick"];
-const splitDate = "__";
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "natural-picker",
-  props: {
-    value: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const naturalSelectRef = ref();
-    const naturalOptions = shallowRef(CommonNaturalOptions.slice());
-    const naturalUnitValue = ref(naturalUnitOptions[0].id);
-    const canEditNautralId = ref("");
-    const inputValue = ref();
-    const naturalValue = ref(naturalOptions.value[0]);
-    watch(() => props.value, (val) => {
-      if (![DateMode.NATURAL].includes(getDateValueMode(val)))
-        return;
-      const [start, end] = val;
-      naturalUnitValue.value = end === "now" ? NaturalUnit.NOW : NaturalUnit.ALL;
-      const [, num, unit, dateUnit2] = start.match(naturalDateRegexp) || [];
-      if ((!num || !unit) && !dateUnit2)
-        return;
-      const specialDate = CommonNaturalOptions.find((item) => item.id === start && item.type === NaturalOptionType.default);
-      if (end !== "now" && start !== end && specialDate || !specialDate) {
-        const name = `${`${t("前")} ${num} ${t(langValueMap[unit], true)}`}`;
-        naturalOptions.value.unshift({
-          id: start,
-          name,
-          type: NaturalOptionType.custom
-        });
-        [naturalValue.value] = naturalOptions.value;
-        return;
-      }
-      specialDate && (naturalValue.value = specialDate);
-    }, {
-      immediate: true
-    });
-    const getNaturalOptionId = (date) => {
-      return `${date.id}${splitDate}${date.type}`;
-    };
-    const getNaturalDateValue = (date) => {
-      const value = date.id;
-      if (naturalUnitValue.value === NaturalUnit.ALL) {
-        const [, num, unit, dateUnit2] = value.match(naturalDateRegexp) || [];
-        if (+num > 1) {
-          if (+num === 2 && unit === "d")
-            return [value, value];
-          return [value, `now-1${unit}/${dateUnit2}`];
-        }
-        return [value, value];
-      }
-      return [value, "now"];
-    };
-    const handleClickItem = (item) => {
-      var _a;
-      if (item.type === NaturalOptionType.edit) {
-        inputValue.value = "";
-        canEditNautralId.value = item.id;
-        setTimeout(() => {
-          var _a2, _b;
-          (_b = (_a2 = naturalSelectRef.value) == null ? void 0 : _a2.inputRef) == null ? void 0 : _b.focus();
-        }, 20);
-        return;
-      }
-      naturalValue.value = item;
-      canEditNautralId.value = "";
-      (_a = naturalSelectRef.value) == null ? void 0 : _a.hidePopover();
-    };
-    const handleUnitChange = (value) => {
-      naturalUnitValue.value = value;
-    };
-    const customNaturalOptions = (v, item) => {
-      var _a, _b;
-      canEditNautralId.value = "";
-      const value = `now-${+v}${item.unit}/${item.unit}`;
-      const date = naturalOptions.value.find((item2) => item2.id === value);
-      if (date) {
-        naturalValue.value = date;
-        (_a = naturalSelectRef.value) == null ? void 0 : _a.hidePopover();
-        return;
-      }
-      naturalOptions.value.unshift({
-        id: value,
-        name: item.name.replace("N", v.toString()),
-        type: NaturalOptionType.custom
-      });
-      [naturalValue.value] = naturalOptions.value;
-      (_b = naturalSelectRef.value) == null ? void 0 : _b.hidePopover();
-    };
-    const handleInputBlur = (e, item) => {
-      const v = e.target.value;
-      if (!v || !canEditNautralId.value)
-        return;
-      customNaturalOptions(+v, item);
-    };
-    const handleInputKeyPress = (e, v, item) => {
-      if (e.key !== "Enter" || !canEditNautralId.value)
-        return;
-      customNaturalOptions(v, item);
-    };
-    const handleSubmit = () => {
-      emits("change", getNaturalDateValue(naturalValue.value));
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createVNode(unref(Select), {
-          ref_key: "naturalSelectRef",
-          ref: naturalSelectRef,
-          "model-value": getNaturalOptionId(naturalValue.value),
-          filterable: "",
-          "input-search": false,
-          prefix: unref(t)("自然日期"),
-          clearable: false,
-          "popover-options": { boundary: "parent" },
-          "search-placeholder": unref(t)("请输入"),
-          "no-match-text": unref(t)("无匹配数据")
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(naturalOptions.value, (item) => {
-              return openBlock(), createBlock(unref(Select).Option, {
-                id: getNaturalOptionId(item),
-                key: getNaturalOptionId(item),
-                name: item.name
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                    }, ["prevent", "stop"])),
-                    style: { "width": "100%", "padding": "0 12px", "margin": "0 -12px" }
-                  }, [
-                    canEditNautralId.value === item.id ? (openBlock(), createBlock(unref(Input), {
-                      key: 0,
-                      style: { "width": "100%" },
-                      type: "number",
-                      size: "small",
-                      prefix: item.prefix,
-                      suffix: item.suffix,
-                      clearable: false,
-                      autofocus: true,
-                      "show-control": false,
-                      placeholder: unref(t)("请输入"),
-                      modelValue: inputValue.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-                      onBlur: (e) => handleInputBlur(e, item),
-                      onKeypress: (v, e) => handleInputKeyPress(e, v, item)
-                    }, null, 8, ["prefix", "suffix", "placeholder", "modelValue", "onBlur", "onKeypress"])) : (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      onClick: ($event) => handleClickItem(item),
-                      style: { "width": "100%" }
-                    }, toDisplayString(item.name), 9, _hoisted_2$3))
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["id", "name"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "prefix", "search-placeholder", "no-match-text"]),
-        createVNode(unref(Select), {
-          class: "natural-unit",
-          "model-value": naturalUnitValue.value,
-          clearable: false,
-          "popover-options": { boundary: "parent" },
-          onChange: handleUnitChange
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(naturalUnitOptions), (item) => {
-              return openBlock(), createBlock(unref(Select).Option, {
-                id: item.id,
-                key: item.id,
-                name: item.name
-              }, null, 8, ["id", "name"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value"]),
-        createVNode(_sfc_main$7, { onSubmit: handleSubmit })
-      ]);
-    };
-  }
-});
-const naturalPicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$3 = { class: "recent-picker" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "recent-picker",
-  props: {
-    type: { default: DateMode.RECENT },
-    value: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const recentUnit = ref("m");
-    const dateValue = ref();
-    watch(() => props.value, (val) => {
-      if (![DateMode.FUTURE, DateMode.RECENT].includes(getDateValueMode(val)))
-        return;
-      const [start, end] = val;
-      const date = props.type === DateMode.FUTURE ? end : start;
-      const [, num, unit] = date.match(recentDateRegexp) || [];
-      recentUnit.value = unit || "m";
-      dateValue.value = Number(num) || void 0;
-    }, {
-      immediate: true
-    });
-    const canSubmit = computed(() => !!dateValue.value && !!recentUnit.value);
-    const handleSubmit = () => {
-      if (!dateValue.value)
-        return;
-      if (props.type === DateMode.FUTURE) {
-        emits("change", ["now", `${DateMode.FUTURE}${dateValue.value}${recentUnit.value}`]);
-        return;
-      }
-      emits("change", [`${DateMode.RECENT}${dateValue.value}${recentUnit.value}`, "now"]);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(unref(Input), {
-          modelValue: dateValue.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateValue.value = $event),
-          type: "number",
-          prefix: _ctx.type === "now-" ? unref(t)("最近") : unref(t)("将来"),
-          placeholder: unref(t)("请输入")
-        }, {
-          suffix: withCtx(() => [
-            createVNode(unref(Select), {
-              class: "recent-unit",
-              modelValue: recentUnit.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => recentUnit.value = $event),
-              filterable: "",
-              clearable: false,
-              "popover-options": { boundary: "parent" }
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(DateUnitList), (item) => {
-                  return openBlock(), createBlock(unref(Select).Option, {
-                    id: item.id,
-                    key: item.id,
-                    name: item.name
-                  }, null, 8, ["id", "name"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "prefix", "placeholder"]),
-        createVNode(_sfc_main$7, {
-          disabled: !canSubmit.value,
-          onSubmit: handleSubmit
-        }, null, 8, ["disabled"])
-      ]);
-    };
-  }
-});
-const recentPicker_vue_vue_type_style_index_0_lang = "";
-dayjs.extend(utc);
-dayjs.extend(tz);
-const timezoneData = [
-  // {
-  //   label: '',
-  //   options: [
-  //     { label: 'Browser Time', searchIndex: 'browser time|cst|utc+08:00|china|cn', value: 'browser' },
-  //     // { label: 'Coordinated Universal Time', searchIndex: 'coordinated universal time|utc, gmt|utc', value: 'utc' },
-  //   ],
-  // },
-  {
-    label: "Africa",
-    options: [
-      {
-        label: "Africa/Abidjan",
-        searchIndex: "africa/abidjan|gmt|utc|burkina faso|bf|cote d'ivoire|ci|ghana|gh|gambia|gm|guinea|gn|iceland|is|mali|ml|mauritania|mr|saint helena|sh|sierra leone|sl|senegal|sn|togo|tg",
-        value: "Africa/Abidjan"
-      },
-      { label: "Africa/Accra", searchIndex: "africa/accra|gmt|utc|ghana|gh", value: "Africa/Accra" },
-      {
-        label: "Africa/Addis_Ababa",
-        searchIndex: "africa/addis_ababa|eat|utc+03:00|ethiopia|et",
-        value: "Africa/Addis_Ababa"
-      },
-      { label: "Africa/Algiers", searchIndex: "africa/algiers|cet|utc+01:00|algeria|dz", value: "Africa/Algiers" },
-      { label: "Africa/Asmara", searchIndex: "africa/asmara|eat|utc+03:00|eritrea|er", value: "Africa/Asmara" },
-      { label: "Africa/Bamako", searchIndex: "africa/bamako|gmt|utc|mali|ml", value: "Africa/Bamako" },
-      {
-        label: "Africa/Bangui",
-        searchIndex: "africa/bangui|wat|utc+01:00|central african republic|cf",
-        value: "Africa/Bangui"
-      },
-      { label: "Africa/Banjul", searchIndex: "africa/banjul|gmt|utc|gambia|gm", value: "Africa/Banjul" },
-      { label: "Africa/Bissau", searchIndex: "africa/bissau|gmt|utc|guinea-bissau|gw", value: "Africa/Bissau" },
-      { label: "Africa/Blantyre", searchIndex: "africa/blantyre|cat|utc+02:00|malawi|mw", value: "Africa/Blantyre" },
-      {
-        label: "Africa/Brazzaville",
-        searchIndex: "africa/brazzaville|wat|utc+01:00|congo|cg",
-        value: "Africa/Brazzaville"
-      },
-      {
-        label: "Africa/Bujumbura",
-        searchIndex: "africa/bujumbura|cat|utc+02:00|burundi|bi",
-        value: "Africa/Bujumbura"
-      },
-      { label: "Africa/Cairo", searchIndex: "africa/cairo|eest|utc+03:00|egypt|eg", value: "Africa/Cairo" },
-      {
-        label: "Africa/Casablanca",
-        searchIndex: "africa/casablanca||utc+01:00|morocco|ma",
-        value: "Africa/Casablanca"
-      },
-      { label: "Africa/Ceuta", searchIndex: "africa/ceuta|cest|utc+02:00|spain|es", value: "Africa/Ceuta" },
-      { label: "Africa/Conakry", searchIndex: "africa/conakry|gmt|utc|guinea|gn", value: "Africa/Conakry" },
-      { label: "Africa/Dakar", searchIndex: "africa/dakar|gmt|utc|senegal|sn", value: "Africa/Dakar" },
-      {
-        label: "Africa/Dar_es_Salaam",
-        searchIndex: "africa/dar_es_salaam|eat|utc+03:00|tanzania|tz",
-        value: "Africa/Dar_es_Salaam"
-      },
-      { label: "Africa/Djibouti", searchIndex: "africa/djibouti|eat|utc+03:00|djibouti|dj", value: "Africa/Djibouti" },
-      { label: "Africa/Douala", searchIndex: "africa/douala|wat|utc+01:00|cameroon|cm", value: "Africa/Douala" },
-      {
-        label: "Africa/El_Aaiun",
-        searchIndex: "africa/el_aaiun||utc+01:00|western sahara|eh",
-        value: "Africa/El_Aaiun"
-      },
-      { label: "Africa/Freetown", searchIndex: "africa/freetown|gmt|utc|sierra leone|sl", value: "Africa/Freetown" },
-      { label: "Africa/Gaborone", searchIndex: "africa/gaborone|cat|utc+02:00|botswana|bw", value: "Africa/Gaborone" },
-      { label: "Africa/Harare", searchIndex: "africa/harare|cat|utc+02:00|zimbabwe|zw", value: "Africa/Harare" },
-      {
-        label: "Africa/Johannesburg",
-        searchIndex: "africa/johannesburg|sast|utc+02:00|lesotho|ls|swaziland|sz|south africa|za",
-        value: "Africa/Johannesburg"
-      },
-      { label: "Africa/Kampala", searchIndex: "africa/kampala|eat|utc+03:00|uganda|ug", value: "Africa/Kampala" },
-      { label: "Africa/Khartoum", searchIndex: "africa/khartoum|cat|utc+02:00|sudan|sd", value: "Africa/Khartoum" },
-      { label: "Africa/Kigali", searchIndex: "africa/kigali|cat|utc+02:00|rwanda|rw", value: "Africa/Kigali" },
-      {
-        label: "Africa/Kinshasa",
-        searchIndex: "africa/kinshasa|wat|utc+01:00|congo, democratic republic|cd",
-        value: "Africa/Kinshasa"
-      },
-      {
-        label: "Africa/Lagos",
-        searchIndex: "africa/lagos|wat|utc+01:00|angola|ao|benin|bj|congo, democratic republic|cd|central african republic|cf|congo|cg|cameroon|cm|gabon|ga|equatorial guinea|gq|niger|ne|nigeria|ng",
-        value: "Africa/Lagos"
-      },
-      {
-        label: "Africa/Libreville",
-        searchIndex: "africa/libreville|wat|utc+01:00|gabon|ga",
-        value: "Africa/Libreville"
-      },
-      { label: "Africa/Lome", searchIndex: "africa/lome|gmt|utc|togo|tg", value: "Africa/Lome" },
-      { label: "Africa/Luanda", searchIndex: "africa/luanda|wat|utc+01:00|angola|ao", value: "Africa/Luanda" },
-      {
-        label: "Africa/Lubumbashi",
-        searchIndex: "africa/lubumbashi|cat|utc+02:00|congo, democratic republic|cd",
-        value: "Africa/Lubumbashi"
-      },
-      { label: "Africa/Lusaka", searchIndex: "africa/lusaka|cat|utc+02:00|zambia|zm", value: "Africa/Lusaka" },
-      {
-        label: "Africa/Malabo",
-        searchIndex: "africa/malabo|wat|utc+01:00|equatorial guinea|gq",
-        value: "Africa/Malabo"
-      },
-      {
-        label: "Africa/Maputo",
-        searchIndex: "africa/maputo|cat|utc+02:00|burundi|bi|botswana|bw|congo, democratic republic|cd|malawi|mw|mozambique|mz|rwanda|rw|zambia|zm|zimbabwe|zw",
-        value: "Africa/Maputo"
-      },
-      { label: "Africa/Maseru", searchIndex: "africa/maseru|sast|utc+02:00|lesotho|ls", value: "Africa/Maseru" },
-      { label: "Africa/Mbabane", searchIndex: "africa/mbabane|sast|utc+02:00|swaziland|sz", value: "Africa/Mbabane" },
-      {
-        label: "Africa/Mogadishu",
-        searchIndex: "africa/mogadishu|eat|utc+03:00|somalia|so",
-        value: "Africa/Mogadishu"
-      },
-      { label: "Africa/Monrovia", searchIndex: "africa/monrovia|gmt|utc|liberia|lr", value: "Africa/Monrovia" },
-      {
-        label: "Africa/Nairobi",
-        searchIndex: "africa/nairobi|eat|utc+03:00|djibouti|dj|eritrea|er|ethiopia|et|kenya|ke|comoros|km|madagascar|mg|somalia|so|tanzania|tz|uganda|ug|mayotte|yt",
-        value: "Africa/Nairobi"
-      },
-      { label: "Africa/Ndjamena", searchIndex: "africa/ndjamena|wat|utc+01:00|chad|td", value: "Africa/Ndjamena" },
-      { label: "Africa/Niamey", searchIndex: "africa/niamey|wat|utc+01:00|niger|ne", value: "Africa/Niamey" },
-      {
-        label: "Africa/Nouakchott",
-        searchIndex: "africa/nouakchott|gmt|utc|mauritania|mr",
-        value: "Africa/Nouakchott"
-      },
-      {
-        label: "Africa/Ouagadougou",
-        searchIndex: "africa/ouagadougou|gmt|utc|burkina faso|bf",
-        value: "Africa/Ouagadougou"
-      },
-      {
-        label: "Africa/Porto-Novo",
-        searchIndex: "africa/porto-novo|wat|utc+01:00|benin|bj",
-        value: "Africa/Porto-Novo"
-      },
-      {
-        label: "Africa/Sao_Tome",
-        searchIndex: "africa/sao_tome|gmt|utc|sao tome and principe|st",
-        value: "Africa/Sao_Tome"
-      },
-      {
-        label: "Africa/Tripoli",
-        searchIndex: "africa/tripoli|eet|utc+02:00|libyan arab jamahiriya|ly",
-        value: "Africa/Tripoli"
-      },
-      { label: "Africa/Tunis", searchIndex: "africa/tunis|cet|utc+01:00|tunisia|tn", value: "Africa/Tunis" },
-      { label: "Africa/Windhoek", searchIndex: "africa/windhoek|cat|utc+02:00|namibia|na", value: "Africa/Windhoek" }
-    ]
-  },
-  {
-    label: "America",
-    options: [
-      { label: "America/Adak", searchIndex: "america/adak|hdt|utc-09:00|united states|us", value: "America/Adak" },
-      {
-        label: "America/Anchorage",
-        searchIndex: "america/anchorage|akdt|utc-08:00|united states|us",
-        value: "America/Anchorage"
-      },
-      {
-        label: "America/Anguilla",
-        searchIndex: "america/anguilla|ast|utc-04:00|anguilla|ai",
-        value: "America/Anguilla"
-      },
-      {
-        label: "America/Antigua",
-        searchIndex: "america/antigua|ast|utc-04:00|antigua and barbuda|ag",
-        value: "America/Antigua"
-      },
-      { label: "America/Araguaina", searchIndex: "america/araguaina||utc-03:00|brazil|br", value: "America/Araguaina" },
-      {
-        label: "America/Argentina/Buenos_Aires",
-        searchIndex: "america/argentina/buenos_aires||utc-03:00|argentina|ar",
-        value: "America/Argentina/Buenos_Aires"
-      },
-      {
-        label: "America/Argentina/Catamarca",
-        searchIndex: "america/argentina/catamarca||utc-03:00|argentina|ar",
-        value: "America/Argentina/Catamarca"
-      },
-      {
-        label: "America/Argentina/Cordoba",
-        searchIndex: "america/argentina/cordoba||utc-03:00|argentina|ar",
-        value: "America/Argentina/Cordoba"
-      },
-      {
-        label: "America/Argentina/Jujuy",
-        searchIndex: "america/argentina/jujuy||utc-03:00|argentina|ar",
-        value: "America/Argentina/Jujuy"
-      },
-      {
-        label: "America/Argentina/La_Rioja",
-        searchIndex: "america/argentina/la_rioja||utc-03:00|argentina|ar",
-        value: "America/Argentina/La_Rioja"
-      },
-      {
-        label: "America/Argentina/Mendoza",
-        searchIndex: "america/argentina/mendoza||utc-03:00|argentina|ar",
-        value: "America/Argentina/Mendoza"
-      },
-      {
-        label: "America/Argentina/Rio_Gallegos",
-        searchIndex: "america/argentina/rio_gallegos||utc-03:00|argentina|ar",
-        value: "America/Argentina/Rio_Gallegos"
-      },
-      {
-        label: "America/Argentina/Salta",
-        searchIndex: "america/argentina/salta||utc-03:00|argentina|ar",
-        value: "America/Argentina/Salta"
-      },
-      {
-        label: "America/Argentina/San_Juan",
-        searchIndex: "america/argentina/san_juan||utc-03:00|argentina|ar",
-        value: "America/Argentina/San_Juan"
-      },
-      {
-        label: "America/Argentina/San_Luis",
-        searchIndex: "america/argentina/san_luis||utc-03:00|argentina|ar",
-        value: "America/Argentina/San_Luis"
-      },
-      {
-        label: "America/Argentina/Tucuman",
-        searchIndex: "america/argentina/tucuman||utc-03:00|argentina|ar",
-        value: "America/Argentina/Tucuman"
-      },
-      {
-        label: "America/Argentina/Ushuaia",
-        searchIndex: "america/argentina/ushuaia||utc-03:00|argentina|ar",
-        value: "America/Argentina/Ushuaia"
-      },
-      { label: "America/Aruba", searchIndex: "america/aruba|ast|utc-04:00|aruba|aw", value: "America/Aruba" },
-      { label: "America/Asuncion", searchIndex: "america/asuncion||utc-03:00|paraguay|py", value: "America/Asuncion" },
-      { label: "America/Atikokan", searchIndex: "america/atikokan|est|utc-05:00|canada|ca", value: "America/Atikokan" },
-      { label: "America/Bahia", searchIndex: "america/bahia||utc-03:00|brazil|br", value: "America/Bahia" },
-      {
-        label: "America/Bahia_Banderas",
-        searchIndex: "america/bahia_banderas|cst|utc-06:00|mexico|mx",
-        value: "America/Bahia_Banderas"
-      },
-      {
-        label: "America/Barbados",
-        searchIndex: "america/barbados|ast|utc-04:00|barbados|bb",
-        value: "America/Barbados"
-      },
-      { label: "America/Belem", searchIndex: "america/belem||utc-03:00|brazil|br", value: "America/Belem" },
-      { label: "America/Belize", searchIndex: "america/belize|cst|utc-06:00|belize|bz", value: "America/Belize" },
-      {
-        label: "America/Blanc-Sablon",
-        searchIndex: "america/blanc-sablon|ast|utc-04:00|canada|ca",
-        value: "America/Blanc-Sablon"
-      },
-      { label: "America/Boa_Vista", searchIndex: "america/boa_vista||utc-04:00|brazil|br", value: "America/Boa_Vista" },
-      { label: "America/Bogota", searchIndex: "america/bogota||utc-05:00|colombia|co", value: "America/Bogota" },
-      { label: "America/Boise", searchIndex: "america/boise|mdt|utc-06:00|united states|us", value: "America/Boise" },
-      {
-        label: "America/Cambridge_Bay",
-        searchIndex: "america/cambridge_bay|mdt|utc-06:00|canada|ca",
-        value: "America/Cambridge_Bay"
-      },
-      {
-        label: "America/Campo_Grande",
-        searchIndex: "america/campo_grande||utc-04:00|brazil|br",
-        value: "America/Campo_Grande"
-      },
-      { label: "America/Cancun", searchIndex: "america/cancun|est|utc-05:00|mexico|mx", value: "America/Cancun" },
-      { label: "America/Caracas", searchIndex: "america/caracas||utc-04:00|venezuela|ve", value: "America/Caracas" },
-      {
-        label: "America/Cayenne",
-        searchIndex: "america/cayenne||utc-03:00|french guiana|gf",
-        value: "America/Cayenne"
-      },
-      {
-        label: "America/Cayman",
-        searchIndex: "america/cayman|est|utc-05:00|cayman islands|ky",
-        value: "America/Cayman"
-      },
-      {
-        label: "America/Chicago",
-        searchIndex: "america/chicago|cdt|utc-05:00|united states|us",
-        value: "America/Chicago"
-      },
-      {
-        label: "America/Chihuahua",
-        searchIndex: "america/chihuahua|cst|utc-06:00|mexico|mx",
-        value: "America/Chihuahua"
-      },
-      {
-        label: "America/Ciudad_Juarez",
-        searchIndex: "america/ciudad_juarez|mdt|utc-06:00|mexico|mx",
-        value: "America/Ciudad_Juarez"
-      },
-      {
-        label: "America/Costa_Rica",
-        searchIndex: "america/costa_rica|cst|utc-06:00|costa rica|cr",
-        value: "America/Costa_Rica"
-      },
-      { label: "America/Creston", searchIndex: "america/creston|mst|utc-07:00|canada|ca", value: "America/Creston" },
-      { label: "America/Cuiaba", searchIndex: "america/cuiaba||utc-04:00|brazil|br", value: "America/Cuiaba" },
-      {
-        label: "America/Danmarkshavn",
-        searchIndex: "america/danmarkshavn|gmt|utc|greenland|gl",
-        value: "America/Danmarkshavn"
-      },
-      { label: "America/Dawson", searchIndex: "america/dawson|mst|utc-07:00|canada|ca", value: "America/Dawson" },
-      {
-        label: "America/Dawson_Creek",
-        searchIndex: "america/dawson_creek|mst|utc-07:00|canada|ca",
-        value: "America/Dawson_Creek"
-      },
-      {
-        label: "America/Denver",
-        searchIndex: "america/denver|mdt|utc-06:00|united states|us",
-        value: "America/Denver"
-      },
-      {
-        label: "America/Detroit",
-        searchIndex: "america/detroit|edt|utc-04:00|united states|us",
-        value: "America/Detroit"
-      },
-      {
-        label: "America/Dominica",
-        searchIndex: "america/dominica|ast|utc-04:00|dominica|dm",
-        value: "America/Dominica"
-      },
-      { label: "America/Edmonton", searchIndex: "america/edmonton|mdt|utc-06:00|canada|ca", value: "America/Edmonton" },
-      { label: "America/Eirunepe", searchIndex: "america/eirunepe||utc-05:00|brazil|br", value: "America/Eirunepe" },
-      {
-        label: "America/El_Salvador",
-        searchIndex: "america/el_salvador|cst|utc-06:00|el salvador|sv",
-        value: "America/El_Salvador"
-      },
-      {
-        label: "America/Fort_Nelson",
-        searchIndex: "america/fort_nelson|mst|utc-07:00|canada|ca",
-        value: "America/Fort_Nelson"
-      },
-      { label: "America/Fortaleza", searchIndex: "america/fortaleza||utc-03:00|brazil|br", value: "America/Fortaleza" },
-      {
-        label: "America/Glace_Bay",
-        searchIndex: "america/glace_bay|adt|utc-03:00|canada|ca",
-        value: "America/Glace_Bay"
-      },
-      {
-        label: "America/Goose_Bay",
-        searchIndex: "america/goose_bay|adt|utc-03:00|canada|ca",
-        value: "America/Goose_Bay"
-      },
-      {
-        label: "America/Grand_Turk",
-        searchIndex: "america/grand_turk|edt|utc-04:00|turks and caicos islands|tc",
-        value: "America/Grand_Turk"
-      },
-      { label: "America/Grenada", searchIndex: "america/grenada|ast|utc-04:00|grenada|gd", value: "America/Grenada" },
-      {
-        label: "America/Guadeloupe",
-        searchIndex: "america/guadeloupe|ast|utc-04:00|guadeloupe|gp",
-        value: "America/Guadeloupe"
-      },
-      {
-        label: "America/Guatemala",
-        searchIndex: "america/guatemala|cst|utc-06:00|guatemala|gt",
-        value: "America/Guatemala"
-      },
-      {
-        label: "America/Guayaquil",
-        searchIndex: "america/guayaquil||utc-05:00|ecuador|ec",
-        value: "America/Guayaquil"
-      },
-      { label: "America/Guyana", searchIndex: "america/guyana||utc-04:00|guyana|gy", value: "America/Guyana" },
-      { label: "America/Halifax", searchIndex: "america/halifax|adt|utc-03:00|canada|ca", value: "America/Halifax" },
-      { label: "America/Havana", searchIndex: "america/havana|cdt|utc-04:00|cuba|cu", value: "America/Havana" },
-      {
-        label: "America/Hermosillo",
-        searchIndex: "america/hermosillo|mst|utc-07:00|mexico|mx",
-        value: "America/Hermosillo"
-      },
-      {
-        label: "America/Indiana/Indianapolis",
-        searchIndex: "america/indiana/indianapolis|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Indianapolis"
-      },
-      {
-        label: "America/Indiana/Knox",
-        searchIndex: "america/indiana/knox|cdt|utc-05:00|united states|us",
-        value: "America/Indiana/Knox"
-      },
-      {
-        label: "America/Indiana/Marengo",
-        searchIndex: "america/indiana/marengo|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Marengo"
-      },
-      {
-        label: "America/Indiana/Petersburg",
-        searchIndex: "america/indiana/petersburg|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Petersburg"
-      },
-      {
-        label: "America/Indiana/Tell_City",
-        searchIndex: "america/indiana/tell_city|cdt|utc-05:00|united states|us",
-        value: "America/Indiana/Tell_City"
-      },
-      {
-        label: "America/Indiana/Vevay",
-        searchIndex: "america/indiana/vevay|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Vevay"
-      },
-      {
-        label: "America/Indiana/Vincennes",
-        searchIndex: "america/indiana/vincennes|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Vincennes"
-      },
-      {
-        label: "America/Indiana/Winamac",
-        searchIndex: "america/indiana/winamac|edt|utc-04:00|united states|us",
-        value: "America/Indiana/Winamac"
-      },
-      { label: "America/Inuvik", searchIndex: "america/inuvik|mdt|utc-06:00|canada|ca", value: "America/Inuvik" },
-      { label: "America/Iqaluit", searchIndex: "america/iqaluit|edt|utc-04:00|canada|ca", value: "America/Iqaluit" },
-      { label: "America/Jamaica", searchIndex: "america/jamaica|est|utc-05:00|jamaica|jm", value: "America/Jamaica" },
-      {
-        label: "America/Juneau",
-        searchIndex: "america/juneau|akdt|utc-08:00|united states|us",
-        value: "America/Juneau"
-      },
-      {
-        label: "America/Kentucky/Louisville",
-        searchIndex: "america/kentucky/louisville|edt|utc-04:00|united states|us",
-        value: "America/Kentucky/Louisville"
-      },
-      {
-        label: "America/Kentucky/Monticello",
-        searchIndex: "america/kentucky/monticello|edt|utc-04:00|united states|us",
-        value: "America/Kentucky/Monticello"
-      },
-      { label: "America/La_Paz", searchIndex: "america/la_paz||utc-04:00|bolivia|bo", value: "America/La_Paz" },
-      { label: "America/Lima", searchIndex: "america/lima||utc-05:00|peru|pe", value: "America/Lima" },
-      {
-        label: "America/Los_Angeles",
-        searchIndex: "america/los_angeles|pdt|utc-07:00|united states|us",
-        value: "America/Los_Angeles"
-      },
-      { label: "America/Maceio", searchIndex: "america/maceio||utc-03:00|brazil|br", value: "America/Maceio" },
-      { label: "America/Managua", searchIndex: "america/managua|cst|utc-06:00|nicaragua|ni", value: "America/Managua" },
-      { label: "America/Manaus", searchIndex: "america/manaus||utc-04:00|brazil|br", value: "America/Manaus" },
-      {
-        label: "America/Marigot",
-        searchIndex: "america/marigot|ast|utc-04:00|saint martin|mf",
-        value: "America/Marigot"
-      },
-      {
-        label: "America/Martinique",
-        searchIndex: "america/martinique|ast|utc-04:00|martinique|mq",
-        value: "America/Martinique"
-      },
-      {
-        label: "America/Matamoros",
-        searchIndex: "america/matamoros|cdt|utc-05:00|mexico|mx",
-        value: "America/Matamoros"
-      },
-      { label: "America/Mazatlan", searchIndex: "america/mazatlan|mst|utc-07:00|mexico|mx", value: "America/Mazatlan" },
-      {
-        label: "America/Menominee",
-        searchIndex: "america/menominee|cdt|utc-05:00|united states|us",
-        value: "America/Menominee"
-      },
-      { label: "America/Merida", searchIndex: "america/merida|cst|utc-06:00|mexico|mx", value: "America/Merida" },
-      {
-        label: "America/Metlakatla",
-        searchIndex: "america/metlakatla|akdt|utc-08:00|united states|us",
-        value: "America/Metlakatla"
-      },
-      {
-        label: "America/Mexico_City",
-        searchIndex: "america/mexico_city|cst|utc-06:00|mexico|mx",
-        value: "America/Mexico_City"
-      },
-      {
-        label: "America/Miquelon",
-        searchIndex: "america/miquelon||utc-02:00|saint pierre and miquelon|pm",
-        value: "America/Miquelon"
-      },
-      { label: "America/Moncton", searchIndex: "america/moncton|adt|utc-03:00|canada|ca", value: "America/Moncton" },
-      {
-        label: "America/Monterrey",
-        searchIndex: "america/monterrey|cst|utc-06:00|mexico|mx",
-        value: "America/Monterrey"
-      },
-      {
-        label: "America/Montevideo",
-        searchIndex: "america/montevideo||utc-03:00|uruguay|uy",
-        value: "America/Montevideo"
-      },
-      {
-        label: "America/Montserrat",
-        searchIndex: "america/montserrat|ast|utc-04:00|montserrat|ms",
-        value: "America/Montserrat"
-      },
-      { label: "America/Nassau", searchIndex: "america/nassau|edt|utc-04:00|bahamas|bs", value: "America/Nassau" },
-      {
-        label: "America/New_York",
-        searchIndex: "america/new_york|edt|utc-04:00|united states|us",
-        value: "America/New_York"
-      },
-      { label: "America/Nome", searchIndex: "america/nome|akdt|utc-08:00|united states|us", value: "America/Nome" },
-      { label: "America/Noronha", searchIndex: "america/noronha||utc-02:00|brazil|br", value: "America/Noronha" },
-      {
-        label: "America/North_Dakota/Beulah",
-        searchIndex: "america/north_dakota/beulah|cdt|utc-05:00|united states|us",
-        value: "America/North_Dakota/Beulah"
-      },
-      {
-        label: "America/North_Dakota/Center",
-        searchIndex: "america/north_dakota/center|cdt|utc-05:00|united states|us",
-        value: "America/North_Dakota/Center"
-      },
-      {
-        label: "America/North_Dakota/New_Salem",
-        searchIndex: "america/north_dakota/new_salem|cdt|utc-05:00|united states|us",
-        value: "America/North_Dakota/New_Salem"
-      },
-      { label: "America/Nuuk", searchIndex: "america/nuuk||utc-02:00|greenland|gl", value: "America/Nuuk" },
-      { label: "America/Ojinaga", searchIndex: "america/ojinaga|cdt|utc-05:00|mexico|mx", value: "America/Ojinaga" },
-      {
-        label: "America/Panama",
-        searchIndex: "america/panama|est|utc-05:00|canada|ca|cayman islands|ky|panama|pa",
-        value: "America/Panama"
-      },
-      {
-        label: "America/Paramaribo",
-        searchIndex: "america/paramaribo||utc-03:00|suriname|sr",
-        value: "America/Paramaribo"
-      },
-      {
-        label: "America/Phoenix",
-        searchIndex: "america/phoenix|mst|utc-07:00|canada|ca|united states|us",
-        value: "America/Phoenix"
-      },
-      {
-        label: "America/Port-au-Prince",
-        searchIndex: "america/port-au-prince|edt|utc-04:00|haiti|ht",
-        value: "America/Port-au-Prince"
-      },
-      {
-        label: "America/Port_of_Spain",
-        searchIndex: "america/port_of_spain|ast|utc-04:00|trinidad and tobago|tt",
-        value: "America/Port_of_Spain"
-      },
-      {
-        label: "America/Porto_Velho",
-        searchIndex: "america/porto_velho||utc-04:00|brazil|br",
-        value: "America/Porto_Velho"
-      },
-      {
-        label: "America/Puerto_Rico",
-        searchIndex: "america/puerto_rico|ast|utc-04:00|antigua and barbuda|ag|anguilla|ai|aruba|aw|saint barthelemy|bl|canada|ca|dominica|dm|grenada|gd|guadeloupe|gp|saint kitts and nevis|kn|saint lucia|lc|saint martin|mf|montserrat|ms|puerto rico|pr|trinidad and tobago|tt|saint vincent and grenadines|vc|virgin islands, british|vg|virgin islands, u.s.|vi",
-        value: "America/Puerto_Rico"
-      },
-      {
-        label: "America/Punta_Arenas",
-        searchIndex: "america/punta_arenas||utc-03:00|chile|cl",
-        value: "America/Punta_Arenas"
-      },
-      {
-        label: "America/Rankin_Inlet",
-        searchIndex: "america/rankin_inlet|cdt|utc-05:00|canada|ca",
-        value: "America/Rankin_Inlet"
-      },
-      { label: "America/Recife", searchIndex: "america/recife||utc-03:00|brazil|br", value: "America/Recife" },
-      { label: "America/Regina", searchIndex: "america/regina|cst|utc-06:00|canada|ca", value: "America/Regina" },
-      { label: "America/Resolute", searchIndex: "america/resolute|cdt|utc-05:00|canada|ca", value: "America/Resolute" },
-      {
-        label: "America/Rio_Branco",
-        searchIndex: "america/rio_branco||utc-05:00|brazil|br",
-        value: "America/Rio_Branco"
-      },
-      { label: "America/Santarem", searchIndex: "america/santarem||utc-03:00|brazil|br", value: "America/Santarem" },
-      { label: "America/Santiago", searchIndex: "america/santiago||utc-03:00|chile|cl", value: "America/Santiago" },
-      {
-        label: "America/Santo_Domingo",
-        searchIndex: "america/santo_domingo|ast|utc-04:00|dominican republic|do",
-        value: "America/Santo_Domingo"
-      },
-      { label: "America/Sao_Paulo", searchIndex: "america/sao_paulo||utc-03:00|brazil|br", value: "America/Sao_Paulo" },
-      {
-        label: "America/Scoresbysund",
-        searchIndex: "america/scoresbysund||utc|greenland|gl",
-        value: "America/Scoresbysund"
-      },
-      { label: "America/Sitka", searchIndex: "america/sitka|akdt|utc-08:00|united states|us", value: "America/Sitka" },
-      {
-        label: "America/St_Barthelemy",
-        searchIndex: "america/st_barthelemy|ast|utc-04:00|saint barthelemy|bl",
-        value: "America/St_Barthelemy"
-      },
-      { label: "America/St_Johns", searchIndex: "america/st_johns|ndt|utc-02:30|canada|ca", value: "America/St_Johns" },
-      {
-        label: "America/St_Kitts",
-        searchIndex: "america/st_kitts|ast|utc-04:00|saint kitts and nevis|kn",
-        value: "America/St_Kitts"
-      },
-      {
-        label: "America/St_Lucia",
-        searchIndex: "america/st_lucia|ast|utc-04:00|saint lucia|lc",
-        value: "America/St_Lucia"
-      },
-      {
-        label: "America/St_Thomas",
-        searchIndex: "america/st_thomas|ast|utc-04:00|virgin islands, u.s.|vi",
-        value: "America/St_Thomas"
-      },
-      {
-        label: "America/St_Vincent",
-        searchIndex: "america/st_vincent|ast|utc-04:00|saint vincent and grenadines|vc",
-        value: "America/St_Vincent"
-      },
-      {
-        label: "America/Swift_Current",
-        searchIndex: "america/swift_current|cst|utc-06:00|canada|ca",
-        value: "America/Swift_Current"
-      },
-      {
-        label: "America/Tegucigalpa",
-        searchIndex: "america/tegucigalpa|cst|utc-06:00|honduras|hn",
-        value: "America/Tegucigalpa"
-      },
-      { label: "America/Thule", searchIndex: "america/thule|adt|utc-03:00|greenland|gl", value: "America/Thule" },
-      { label: "America/Tijuana", searchIndex: "america/tijuana|pdt|utc-07:00|mexico|mx", value: "America/Tijuana" },
-      {
-        label: "America/Toronto",
-        searchIndex: "america/toronto|edt|utc-04:00|bahamas|bs|canada|ca",
-        value: "America/Toronto"
-      },
-      {
-        label: "America/Tortola",
-        searchIndex: "america/tortola|ast|utc-04:00|virgin islands, british|vg",
-        value: "America/Tortola"
-      },
-      {
-        label: "America/Vancouver",
-        searchIndex: "america/vancouver|pdt|utc-07:00|canada|ca",
-        value: "America/Vancouver"
-      },
-      {
-        label: "America/Whitehorse",
-        searchIndex: "america/whitehorse|mst|utc-07:00|canada|ca",
-        value: "America/Whitehorse"
-      },
-      { label: "America/Winnipeg", searchIndex: "america/winnipeg|cdt|utc-05:00|canada|ca", value: "America/Winnipeg" },
-      {
-        label: "America/Yakutat",
-        searchIndex: "america/yakutat|akdt|utc-08:00|united states|us",
-        value: "America/Yakutat"
-      }
-    ]
-  },
-  {
-    label: "Antarctica",
-    options: [
-      {
-        label: "Antarctica/Casey",
-        searchIndex: "antarctica/casey||utc+11:00|antarctica|aq",
-        value: "Antarctica/Casey"
-      },
-      {
-        label: "Antarctica/Davis",
-        searchIndex: "antarctica/davis||utc+07:00|antarctica|aq",
-        value: "Antarctica/Davis"
-      },
-      {
-        label: "Antarctica/DumontDUrville",
-        searchIndex: "antarctica/dumontdurville||utc+10:00|antarctica|aq",
-        value: "Antarctica/DumontDUrville"
-      },
-      {
-        label: "Antarctica/Macquarie",
-        searchIndex: "antarctica/macquarie|aedt|utc+11:00|australia|au",
-        value: "Antarctica/Macquarie"
-      },
-      {
-        label: "Antarctica/Mawson",
-        searchIndex: "antarctica/mawson||utc+05:00|antarctica|aq",
-        value: "Antarctica/Mawson"
-      },
-      {
-        label: "Antarctica/McMurdo",
-        searchIndex: "antarctica/mcmurdo|nzdt|utc+13:00|antarctica|aq",
-        value: "Antarctica/McMurdo"
-      },
-      {
-        label: "Antarctica/Palmer",
-        searchIndex: "antarctica/palmer||utc-03:00|antarctica|aq",
-        value: "Antarctica/Palmer"
-      },
-      {
-        label: "Antarctica/Rothera",
-        searchIndex: "antarctica/rothera||utc-03:00|antarctica|aq",
-        value: "Antarctica/Rothera"
-      },
-      {
-        label: "Antarctica/Syowa",
-        searchIndex: "antarctica/syowa||utc+03:00|antarctica|aq",
-        value: "Antarctica/Syowa"
-      },
-      {
-        label: "Antarctica/Troll",
-        searchIndex: "antarctica/troll||utc+02:00|antarctica|aq",
-        value: "Antarctica/Troll"
-      },
-      {
-        label: "Antarctica/Vostok",
-        searchIndex: "antarctica/vostok||utc+06:00|antarctica|aq",
-        value: "Antarctica/Vostok"
-      }
-    ]
-  },
-  {
-    label: "Arctic",
-    options: [
-      {
-        label: "Arctic/Longyearbyen",
-        searchIndex: "arctic/longyearbyen|cest|utc+02:00|svalbard and jan mayen|sj",
-        value: "Arctic/Longyearbyen"
-      }
-    ]
-  },
-  {
-    label: "Asia",
-    options: [
-      { label: "Asia/Aden", searchIndex: "asia/aden||utc+03:00|yemen|ye", value: "Asia/Aden" },
-      { label: "Asia/Almaty", searchIndex: "asia/almaty||utc+06:00|kazakhstan|kz", value: "Asia/Almaty" },
-      { label: "Asia/Amman", searchIndex: "asia/amman||utc+03:00|jordan|jo", value: "Asia/Amman" },
-      { label: "Asia/Anadyr", searchIndex: "asia/anadyr||utc+12:00|russian federation|ru", value: "Asia/Anadyr" },
-      { label: "Asia/Aqtau", searchIndex: "asia/aqtau||utc+05:00|kazakhstan|kz", value: "Asia/Aqtau" },
-      { label: "Asia/Aqtobe", searchIndex: "asia/aqtobe||utc+05:00|kazakhstan|kz", value: "Asia/Aqtobe" },
-      { label: "Asia/Ashgabat", searchIndex: "asia/ashgabat||utc+05:00|turkmenistan|tm", value: "Asia/Ashgabat" },
-      { label: "Asia/Atyrau", searchIndex: "asia/atyrau||utc+05:00|kazakhstan|kz", value: "Asia/Atyrau" },
-      { label: "Asia/Baghdad", searchIndex: "asia/baghdad||utc+03:00|iraq|iq", value: "Asia/Baghdad" },
-      { label: "Asia/Bahrain", searchIndex: "asia/bahrain||utc+03:00|bahrain|bh", value: "Asia/Bahrain" },
-      { label: "Asia/Baku", searchIndex: "asia/baku||utc+04:00|azerbaijan|az", value: "Asia/Baku" },
-      {
-        label: "Asia/Bangkok",
-        searchIndex: "asia/bangkok||utc+07:00|christmas island|cx|cambodia|kh|lao people's democratic republic|la|thailand|th|viet nam|vn",
-        value: "Asia/Bangkok"
-      },
-      { label: "Asia/Barnaul", searchIndex: "asia/barnaul||utc+07:00|russian federation|ru", value: "Asia/Barnaul" },
-      { label: "Asia/Beirut", searchIndex: "asia/beirut|eest|utc+03:00|lebanon|lb", value: "Asia/Beirut" },
-      { label: "Asia/Bishkek", searchIndex: "asia/bishkek||utc+06:00|kyrgyzstan|kg", value: "Asia/Bishkek" },
-      { label: "Asia/Brunei", searchIndex: "asia/brunei||utc+08:00|brunei darussalam|bn", value: "Asia/Brunei" },
-      { label: "Asia/Chita", searchIndex: "asia/chita||utc+09:00|russian federation|ru", value: "Asia/Chita" },
-      { label: "Asia/Choibalsan", searchIndex: "asia/choibalsan||utc+08:00|mongolia|mn", value: "Asia/Choibalsan" },
-      { label: "Asia/Colombo", searchIndex: "asia/colombo||utc+05:30|sri lanka|lk", value: "Asia/Colombo" },
-      {
-        label: "Asia/Damascus",
-        searchIndex: "asia/damascus||utc+03:00|syrian arab republic|sy",
-        value: "Asia/Damascus"
-      },
-      { label: "Asia/Dhaka", searchIndex: "asia/dhaka||utc+06:00|bangladesh|bd", value: "Asia/Dhaka" },
-      { label: "Asia/Dili", searchIndex: "asia/dili||utc+09:00|timor-leste|tl", value: "Asia/Dili" },
-      {
-        label: "Asia/Dubai",
-        searchIndex: "asia/dubai||utc+04:00|united arab emirates|ae|oman|om|reunion|re|seychelles|sc|french southern territories|tf",
-        value: "Asia/Dubai"
-      },
-      { label: "Asia/Dushanbe", searchIndex: "asia/dushanbe||utc+05:00|tajikistan|tj", value: "Asia/Dushanbe" },
-      { label: "Asia/Famagusta", searchIndex: "asia/famagusta|eest|utc+03:00|cyprus|cy", value: "Asia/Famagusta" },
-      { label: "Asia/Gaza", searchIndex: "asia/gaza|eest|utc+03:00|palestine, state of|ps", value: "Asia/Gaza" },
-      { label: "Asia/Hebron", searchIndex: "asia/hebron|eest|utc+03:00|palestine, state of|ps", value: "Asia/Hebron" },
-      { label: "Asia/Ho_Chi_Minh", searchIndex: "asia/ho_chi_minh||utc+07:00|viet nam|vn", value: "Asia/Ho_Chi_Minh" },
-      { label: "Asia/Hong_Kong", searchIndex: "asia/hong_kong|hkt|utc+08:00|hong kong|hk", value: "Asia/Hong_Kong" },
-      { label: "Asia/Hovd", searchIndex: "asia/hovd||utc+07:00|mongolia|mn", value: "Asia/Hovd" },
-      { label: "Asia/Irkutsk", searchIndex: "asia/irkutsk||utc+08:00|russian federation|ru", value: "Asia/Irkutsk" },
-      { label: "Asia/Jakarta", searchIndex: "asia/jakarta|wib|utc+07:00|indonesia|id", value: "Asia/Jakarta" },
-      { label: "Asia/Jayapura", searchIndex: "asia/jayapura|wit|utc+09:00|indonesia|id", value: "Asia/Jayapura" },
-      { label: "Asia/Jerusalem", searchIndex: "asia/jerusalem|idt|utc+03:00|israel|il", value: "Asia/Jerusalem" },
-      { label: "Asia/Kabul", searchIndex: "asia/kabul||utc+04:30|afghanistan|af", value: "Asia/Kabul" },
-      {
-        label: "Asia/Kamchatka",
-        searchIndex: "asia/kamchatka||utc+12:00|russian federation|ru",
-        value: "Asia/Kamchatka"
-      },
-      { label: "Asia/Karachi", searchIndex: "asia/karachi|pkt|utc+05:00|pakistan|pk", value: "Asia/Karachi" },
-      { label: "Asia/Kathmandu", searchIndex: "asia/kathmandu||utc+05:45|nepal|np", value: "Asia/Kathmandu" },
-      { label: "Asia/Khandyga", searchIndex: "asia/khandyga||utc+09:00|russian federation|ru", value: "Asia/Khandyga" },
-      { label: "Asia/Kolkata", searchIndex: "asia/kolkata|ist|utc+05:30|india|in", value: "Asia/Kolkata" },
-      {
-        label: "Asia/Krasnoyarsk",
-        searchIndex: "asia/krasnoyarsk||utc+07:00|russian federation|ru",
-        value: "Asia/Krasnoyarsk"
-      },
-      {
-        label: "Asia/Kuala_Lumpur",
-        searchIndex: "asia/kuala_lumpur||utc+08:00|malaysia|my",
-        value: "Asia/Kuala_Lumpur"
-      },
-      {
-        label: "Asia/Kuching",
-        searchIndex: "asia/kuching||utc+08:00|brunei darussalam|bn|malaysia|my",
-        value: "Asia/Kuching"
-      },
-      { label: "Asia/Kuwait", searchIndex: "asia/kuwait||utc+03:00|kuwait|kw", value: "Asia/Kuwait" },
-      { label: "Asia/Macau", searchIndex: "asia/macau|cst|utc+08:00|macao|mo", value: "Asia/Macau" },
-      { label: "Asia/Magadan", searchIndex: "asia/magadan||utc+11:00|russian federation|ru", value: "Asia/Magadan" },
-      { label: "Asia/Makassar", searchIndex: "asia/makassar|wita|utc+08:00|indonesia|id", value: "Asia/Makassar" },
-      { label: "Asia/Manila", searchIndex: "asia/manila|pst|utc+08:00|philippines|ph", value: "Asia/Manila" },
-      { label: "Asia/Muscat", searchIndex: "asia/muscat||utc+04:00|oman|om", value: "Asia/Muscat" },
-      { label: "Asia/Nicosia", searchIndex: "asia/nicosia|eest|utc+03:00|cyprus|cy", value: "Asia/Nicosia" },
-      {
-        label: "Asia/Novokuznetsk",
-        searchIndex: "asia/novokuznetsk||utc+07:00|russian federation|ru",
-        value: "Asia/Novokuznetsk"
-      },
-      {
-        label: "Asia/Novosibirsk",
-        searchIndex: "asia/novosibirsk||utc+07:00|russian federation|ru",
-        value: "Asia/Novosibirsk"
-      },
-      { label: "Asia/Omsk", searchIndex: "asia/omsk||utc+06:00|russian federation|ru", value: "Asia/Omsk" },
-      { label: "Asia/Oral", searchIndex: "asia/oral||utc+05:00|kazakhstan|kz", value: "Asia/Oral" },
-      { label: "Asia/Phnom_Penh", searchIndex: "asia/phnom_penh||utc+07:00|cambodia|kh", value: "Asia/Phnom_Penh" },
-      { label: "Asia/Pontianak", searchIndex: "asia/pontianak|wib|utc+07:00|indonesia|id", value: "Asia/Pontianak" },
-      { label: "Asia/Qatar", searchIndex: "asia/qatar||utc+03:00|bahrain|bh|qatar|qa", value: "Asia/Qatar" },
-      { label: "Asia/Qostanay", searchIndex: "asia/qostanay||utc+06:00|kazakhstan|kz", value: "Asia/Qostanay" },
-      { label: "Asia/Qyzylorda", searchIndex: "asia/qyzylorda||utc+05:00|kazakhstan|kz", value: "Asia/Qyzylorda" },
-      {
-        label: "Asia/Riyadh",
-        searchIndex: "asia/riyadh||utc+03:00|antarctica|aq|kuwait|kw|saudi arabia|sa|yemen|ye",
-        value: "Asia/Riyadh"
-      },
-      { label: "Asia/Sakhalin", searchIndex: "asia/sakhalin||utc+11:00|russian federation|ru", value: "Asia/Sakhalin" },
-      { label: "Asia/Samarkand", searchIndex: "asia/samarkand||utc+05:00|uzbekistan|uz", value: "Asia/Samarkand" },
-      { label: "Asia/Seoul", searchIndex: "asia/seoul|kst|utc+09:00|korea|kr", value: "Asia/Seoul" },
-      { label: "Asia/Shanghai", searchIndex: "asia/shanghai|cst|utc+08:00|china|cn", value: "Asia/Shanghai" },
-      {
-        label: "Asia/Singapore",
-        searchIndex: "asia/singapore||utc+08:00|malaysia|my|singapore|sg",
-        value: "Asia/Singapore"
-      },
-      {
-        label: "Asia/Srednekolymsk",
-        searchIndex: "asia/srednekolymsk||utc+11:00|russian federation|ru",
-        value: "Asia/Srednekolymsk"
-      },
-      { label: "Asia/Taipei", searchIndex: "asia/taipei|cst|utc+08:00|taiwan|tw", value: "Asia/Taipei" },
-      { label: "Asia/Tashkent", searchIndex: "asia/tashkent||utc+05:00|uzbekistan|uz", value: "Asia/Tashkent" },
-      { label: "Asia/Tbilisi", searchIndex: "asia/tbilisi||utc+04:00|georgia|ge", value: "Asia/Tbilisi" },
-      {
-        label: "Asia/Tehran",
-        searchIndex: "asia/tehran||utc+03:30|iran (islamic republic of)|ir",
-        value: "Asia/Tehran"
-      },
-      { label: "Asia/Thimphu", searchIndex: "asia/thimphu||utc+06:00|bhutan|bt", value: "Asia/Thimphu" },
-      { label: "Asia/Tokyo", searchIndex: "asia/tokyo|jst|utc+09:00|japan|jp", value: "Asia/Tokyo" },
-      { label: "Asia/Tomsk", searchIndex: "asia/tomsk||utc+07:00|russian federation|ru", value: "Asia/Tomsk" },
-      { label: "Asia/Ulaanbaatar", searchIndex: "asia/ulaanbaatar||utc+08:00|mongolia|mn", value: "Asia/Ulaanbaatar" },
-      { label: "Asia/Urumqi", searchIndex: "asia/urumqi||utc+06:00|antarctica|aq|china|cn", value: "Asia/Urumqi" },
-      { label: "Asia/Ust-Nera", searchIndex: "asia/ust-nera||utc+10:00|russian federation|ru", value: "Asia/Ust-Nera" },
-      {
-        label: "Asia/Vientiane",
-        searchIndex: "asia/vientiane||utc+07:00|lao people's democratic republic|la",
-        value: "Asia/Vientiane"
-      },
-      {
-        label: "Asia/Vladivostok",
-        searchIndex: "asia/vladivostok||utc+10:00|russian federation|ru",
-        value: "Asia/Vladivostok"
-      },
-      { label: "Asia/Yakutsk", searchIndex: "asia/yakutsk||utc+09:00|russian federation|ru", value: "Asia/Yakutsk" },
-      {
-        label: "Asia/Yangon",
-        searchIndex: "asia/yangon||utc+06:30|cocos (keeling) islands|cc|myanmar|mm",
-        value: "Asia/Yangon"
-      },
-      {
-        label: "Asia/Yekaterinburg",
-        searchIndex: "asia/yekaterinburg||utc+05:00|russian federation|ru",
-        value: "Asia/Yekaterinburg"
-      },
-      { label: "Asia/Yerevan", searchIndex: "asia/yerevan||utc+04:00|armenia|am", value: "Asia/Yerevan" }
-    ]
-  },
-  {
-    label: "Atlantic",
-    options: [
-      { label: "Atlantic/Azores", searchIndex: "atlantic/azores||utc|portugal|pt", value: "Atlantic/Azores" },
-      {
-        label: "Atlantic/Bermuda",
-        searchIndex: "atlantic/bermuda|adt|utc-03:00|bermuda|bm",
-        value: "Atlantic/Bermuda"
-      },
-      { label: "Atlantic/Canary", searchIndex: "atlantic/canary|west|utc+01:00|spain|es", value: "Atlantic/Canary" },
-      {
-        label: "Atlantic/Cape_Verde",
-        searchIndex: "atlantic/cape_verde||utc-01:00|cape verde|cv",
-        value: "Atlantic/Cape_Verde"
-      },
-      {
-        label: "Atlantic/Faroe",
-        searchIndex: "atlantic/faroe|west|utc+01:00|faroe islands|fo",
-        value: "Atlantic/Faroe"
-      },
-      {
-        label: "Atlantic/Madeira",
-        searchIndex: "atlantic/madeira|west|utc+01:00|portugal|pt",
-        value: "Atlantic/Madeira"
-      },
-      {
-        label: "Atlantic/Reykjavik",
-        searchIndex: "atlantic/reykjavik|gmt|utc|iceland|is",
-        value: "Atlantic/Reykjavik"
-      },
-      {
-        label: "Atlantic/South_Georgia",
-        searchIndex: "atlantic/south_georgia||utc-02:00|south georgia and sandwich isl.|gs",
-        value: "Atlantic/South_Georgia"
-      },
-      {
-        label: "Atlantic/St_Helena",
-        searchIndex: "atlantic/st_helena|gmt|utc|saint helena|sh",
-        value: "Atlantic/St_Helena"
-      },
-      {
-        label: "Atlantic/Stanley",
-        searchIndex: "atlantic/stanley||utc-03:00|falkland islands (malvinas)|fk",
-        value: "Atlantic/Stanley"
-      }
-    ]
-  },
-  {
-    label: "Australia",
-    options: [
-      {
-        label: "Australia/Adelaide",
-        searchIndex: "australia/adelaide|acdt|utc+10:30|australia|au",
-        value: "Australia/Adelaide"
-      },
-      {
-        label: "Australia/Brisbane",
-        searchIndex: "australia/brisbane|aest|utc+10:00|australia|au",
-        value: "Australia/Brisbane"
-      },
-      {
-        label: "Australia/Broken_Hill",
-        searchIndex: "australia/broken_hill|acdt|utc+10:30|australia|au",
-        value: "Australia/Broken_Hill"
-      },
-      {
-        label: "Australia/Darwin",
-        searchIndex: "australia/darwin|acst|utc+09:30|australia|au",
-        value: "Australia/Darwin"
-      },
-      { label: "Australia/Eucla", searchIndex: "australia/eucla||utc+08:45|australia|au", value: "Australia/Eucla" },
-      {
-        label: "Australia/Hobart",
-        searchIndex: "australia/hobart|aedt|utc+11:00|australia|au",
-        value: "Australia/Hobart"
-      },
-      {
-        label: "Australia/Lindeman",
-        searchIndex: "australia/lindeman|aest|utc+10:00|australia|au",
-        value: "Australia/Lindeman"
-      },
-      {
-        label: "Australia/Lord_Howe",
-        searchIndex: "australia/lord_howe||utc+11:00|australia|au",
-        value: "Australia/Lord_Howe"
-      },
-      {
-        label: "Australia/Melbourne",
-        searchIndex: "australia/melbourne|aedt|utc+11:00|australia|au",
-        value: "Australia/Melbourne"
-      },
-      {
-        label: "Australia/Perth",
-        searchIndex: "australia/perth|awst|utc+08:00|australia|au",
-        value: "Australia/Perth"
-      },
-      {
-        label: "Australia/Sydney",
-        searchIndex: "australia/sydney|aedt|utc+11:00|australia|au",
-        value: "Australia/Sydney"
-      }
-    ]
-  },
-  {
-    label: "Europe",
-    options: [
-      {
-        label: "Europe/Amsterdam",
-        searchIndex: "europe/amsterdam|cest|utc+02:00|netherlands|nl",
-        value: "Europe/Amsterdam"
-      },
-      { label: "Europe/Andorra", searchIndex: "europe/andorra|cest|utc+02:00|andorra|ad", value: "Europe/Andorra" },
-      {
-        label: "Europe/Astrakhan",
-        searchIndex: "europe/astrakhan||utc+04:00|russian federation|ru",
-        value: "Europe/Astrakhan"
-      },
-      { label: "Europe/Athens", searchIndex: "europe/athens|eest|utc+03:00|greece|gr", value: "Europe/Athens" },
-      {
-        label: "Europe/Belgrade",
-        searchIndex: "europe/belgrade|cest|utc+02:00|bosnia and herzegovina|ba|croatia|hr|montenegro|me|macedonia|mk|serbia|rs|slovenia|si",
-        value: "Europe/Belgrade"
-      },
-      {
-        label: "Europe/Berlin",
-        searchIndex: "europe/berlin|cest|utc+02:00|germany|de|denmark|dk|norway|no|sweden|se|svalbard and jan mayen|sj",
-        value: "Europe/Berlin"
-      },
-      {
-        label: "Europe/Bratislava",
-        searchIndex: "europe/bratislava|cest|utc+02:00|slovakia|sk",
-        value: "Europe/Bratislava"
-      },
-      {
-        label: "Europe/Brussels",
-        searchIndex: "europe/brussels|cest|utc+02:00|belgium|be|luxembourg|lu|netherlands|nl",
-        value: "Europe/Brussels"
-      },
-      {
-        label: "Europe/Bucharest",
-        searchIndex: "europe/bucharest|eest|utc+03:00|romania|ro",
-        value: "Europe/Bucharest"
-      },
-      { label: "Europe/Budapest", searchIndex: "europe/budapest|cest|utc+02:00|hungary|hu", value: "Europe/Budapest" },
-      { label: "Europe/Busingen", searchIndex: "europe/busingen|cest|utc+02:00|germany|de", value: "Europe/Busingen" },
-      { label: "Europe/Chisinau", searchIndex: "europe/chisinau|eest|utc+03:00|moldova|md", value: "Europe/Chisinau" },
-      {
-        label: "Europe/Copenhagen",
-        searchIndex: "europe/copenhagen|cest|utc+02:00|denmark|dk",
-        value: "Europe/Copenhagen"
-      },
-      { label: "Europe/Dublin", searchIndex: "europe/dublin|ist|utc+01:00|ireland|ie", value: "Europe/Dublin" },
-      {
-        label: "Europe/Gibraltar",
-        searchIndex: "europe/gibraltar|cest|utc+02:00|gibraltar|gi",
-        value: "Europe/Gibraltar"
-      },
-      { label: "Europe/Guernsey", searchIndex: "europe/guernsey|bst|utc+01:00|guernsey|gg", value: "Europe/Guernsey" },
-      {
-        label: "Europe/Helsinki",
-        searchIndex: "europe/helsinki|eest|utc+03:00|aland islands|ax|finland|fi",
-        value: "Europe/Helsinki"
-      },
-      {
-        label: "Europe/Isle_of_Man",
-        searchIndex: "europe/isle_of_man|bst|utc+01:00|isle of man|im",
-        value: "Europe/Isle_of_Man"
-      },
-      { label: "Europe/Istanbul", searchIndex: "europe/istanbul||utc+03:00|turkey|tr", value: "Europe/Istanbul" },
-      { label: "Europe/Jersey", searchIndex: "europe/jersey|bst|utc+01:00|jersey|je", value: "Europe/Jersey" },
-      {
-        label: "Europe/Kaliningrad",
-        searchIndex: "europe/kaliningrad|eet|utc+02:00|russian federation|ru",
-        value: "Europe/Kaliningrad"
-      },
-      { label: "Europe/Kirov", searchIndex: "europe/kirov|msk|utc+03:00|russian federation|ru", value: "Europe/Kirov" },
-      { label: "Europe/Kyiv", searchIndex: "europe/kyiv|eest|utc+03:00|ukraine|ua", value: "Europe/Kyiv" },
-      { label: "Europe/Lisbon", searchIndex: "europe/lisbon|west|utc+01:00|portugal|pt", value: "Europe/Lisbon" },
-      {
-        label: "Europe/Ljubljana",
-        searchIndex: "europe/ljubljana|cest|utc+02:00|slovenia|si",
-        value: "Europe/Ljubljana"
-      },
-      {
-        label: "Europe/London",
-        searchIndex: "europe/london|bst|utc+01:00|united kingdom|gb|guernsey|gg|isle of man|im|jersey|je",
-        value: "Europe/London"
-      },
-      {
-        label: "Europe/Luxembourg",
-        searchIndex: "europe/luxembourg|cest|utc+02:00|luxembourg|lu",
-        value: "Europe/Luxembourg"
-      },
-      { label: "Europe/Madrid", searchIndex: "europe/madrid|cest|utc+02:00|spain|es", value: "Europe/Madrid" },
-      { label: "Europe/Malta", searchIndex: "europe/malta|cest|utc+02:00|malta|mt", value: "Europe/Malta" },
-      {
-        label: "Europe/Mariehamn",
-        searchIndex: "europe/mariehamn|eest|utc+03:00|aland islands|ax",
-        value: "Europe/Mariehamn"
-      },
-      { label: "Europe/Minsk", searchIndex: "europe/minsk||utc+03:00|belarus|by", value: "Europe/Minsk" },
-      { label: "Europe/Monaco", searchIndex: "europe/monaco|cest|utc+02:00|monaco|mc", value: "Europe/Monaco" },
-      {
-        label: "Europe/Moscow",
-        searchIndex: "europe/moscow|msk|utc+03:00|russian federation|ru",
-        value: "Europe/Moscow"
-      },
-      { label: "Europe/Oslo", searchIndex: "europe/oslo|cest|utc+02:00|norway|no", value: "Europe/Oslo" },
-      { label: "Europe/Paris", searchIndex: "europe/paris|cest|utc+02:00|france|fr|monaco|mc", value: "Europe/Paris" },
-      {
-        label: "Europe/Podgorica",
-        searchIndex: "europe/podgorica|cest|utc+02:00|montenegro|me",
-        value: "Europe/Podgorica"
-      },
-      {
-        label: "Europe/Prague",
-        searchIndex: "europe/prague|cest|utc+02:00|czech republic|cz|slovakia|sk",
-        value: "Europe/Prague"
-      },
-      { label: "Europe/Riga", searchIndex: "europe/riga|eest|utc+03:00|latvia|lv", value: "Europe/Riga" },
-      {
-        label: "Europe/Rome",
-        searchIndex: "europe/rome|cest|utc+02:00|italy|it|san marino|sm|holy see (vatican city state)|va",
-        value: "Europe/Rome"
-      },
-      { label: "Europe/Samara", searchIndex: "europe/samara||utc+04:00|russian federation|ru", value: "Europe/Samara" },
-      {
-        label: "Europe/San_Marino",
-        searchIndex: "europe/san_marino|cest|utc+02:00|san marino|sm",
-        value: "Europe/San_Marino"
-      },
-      {
-        label: "Europe/Sarajevo",
-        searchIndex: "europe/sarajevo|cest|utc+02:00|bosnia and herzegovina|ba",
-        value: "Europe/Sarajevo"
-      },
-      {
-        label: "Europe/Saratov",
-        searchIndex: "europe/saratov||utc+04:00|russian federation|ru",
-        value: "Europe/Saratov"
-      },
-      {
-        label: "Europe/Simferopol",
-        searchIndex: "europe/simferopol|msk|utc+03:00|russian federation|ru|ukraine|ua",
-        value: "Europe/Simferopol"
-      },
-      { label: "Europe/Skopje", searchIndex: "europe/skopje|cest|utc+02:00|macedonia|mk", value: "Europe/Skopje" },
-      { label: "Europe/Sofia", searchIndex: "europe/sofia|eest|utc+03:00|bulgaria|bg", value: "Europe/Sofia" },
-      {
-        label: "Europe/Stockholm",
-        searchIndex: "europe/stockholm|cest|utc+02:00|sweden|se",
-        value: "Europe/Stockholm"
-      },
-      { label: "Europe/Tallinn", searchIndex: "europe/tallinn|eest|utc+03:00|estonia|ee", value: "Europe/Tallinn" },
-      { label: "Europe/Tirane", searchIndex: "europe/tirane|cest|utc+02:00|albania|al", value: "Europe/Tirane" },
-      {
-        label: "Europe/Ulyanovsk",
-        searchIndex: "europe/ulyanovsk||utc+04:00|russian federation|ru",
-        value: "Europe/Ulyanovsk"
-      },
-      { label: "Europe/Vaduz", searchIndex: "europe/vaduz|cest|utc+02:00|liechtenstein|li", value: "Europe/Vaduz" },
-      {
-        label: "Europe/Vatican",
-        searchIndex: "europe/vatican|cest|utc+02:00|holy see (vatican city state)|va",
-        value: "Europe/Vatican"
-      },
-      { label: "Europe/Vienna", searchIndex: "europe/vienna|cest|utc+02:00|austria|at", value: "Europe/Vienna" },
-      { label: "Europe/Vilnius", searchIndex: "europe/vilnius|eest|utc+03:00|lithuania|lt", value: "Europe/Vilnius" },
-      {
-        label: "Europe/Volgograd",
-        searchIndex: "europe/volgograd|msk|utc+03:00|russian federation|ru",
-        value: "Europe/Volgograd"
-      },
-      { label: "Europe/Warsaw", searchIndex: "europe/warsaw|cest|utc+02:00|poland|pl", value: "Europe/Warsaw" },
-      { label: "Europe/Zagreb", searchIndex: "europe/zagreb|cest|utc+02:00|croatia|hr", value: "Europe/Zagreb" },
-      {
-        label: "Europe/Zurich",
-        searchIndex: "europe/zurich|cest|utc+02:00|switzerland|ch|germany|de|liechtenstein|li",
-        value: "Europe/Zurich"
-      }
-    ]
-  },
-  {
-    label: "Indian",
-    options: [
-      {
-        label: "Indian/Antananarivo",
-        searchIndex: "indian/antananarivo|eat|utc+03:00|madagascar|mg",
-        value: "Indian/Antananarivo"
-      },
-      {
-        label: "Indian/Chagos",
-        searchIndex: "indian/chagos||utc+06:00|british indian ocean territory|io",
-        value: "Indian/Chagos"
-      },
-      {
-        label: "Indian/Christmas",
-        searchIndex: "indian/christmas||utc+07:00|christmas island|cx",
-        value: "Indian/Christmas"
-      },
-      {
-        label: "Indian/Cocos",
-        searchIndex: "indian/cocos||utc+06:30|cocos (keeling) islands|cc",
-        value: "Indian/Cocos"
-      },
-      { label: "Indian/Comoro", searchIndex: "indian/comoro|eat|utc+03:00|comoros|km", value: "Indian/Comoro" },
-      {
-        label: "Indian/Kerguelen",
-        searchIndex: "indian/kerguelen||utc+05:00|french southern territories|tf",
-        value: "Indian/Kerguelen"
-      },
-      { label: "Indian/Mahe", searchIndex: "indian/mahe||utc+04:00|seychelles|sc", value: "Indian/Mahe" },
-      {
-        label: "Indian/Maldives",
-        searchIndex: "indian/maldives||utc+05:00|maldives|mv|french southern territories|tf",
-        value: "Indian/Maldives"
-      },
-      { label: "Indian/Mauritius", searchIndex: "indian/mauritius||utc+04:00|mauritius|mu", value: "Indian/Mauritius" },
-      { label: "Indian/Mayotte", searchIndex: "indian/mayotte|eat|utc+03:00|mayotte|yt", value: "Indian/Mayotte" },
-      { label: "Indian/Reunion", searchIndex: "indian/reunion||utc+04:00|reunion|re", value: "Indian/Reunion" }
-    ]
-  },
-  {
-    label: "Pacific",
-    options: [
-      { label: "Pacific/Apia", searchIndex: "pacific/apia||utc+13:00|samoa|ws", value: "Pacific/Apia" },
-      {
-        label: "Pacific/Auckland",
-        searchIndex: "pacific/auckland|nzdt|utc+13:00|antarctica|aq|new zealand|nz",
-        value: "Pacific/Auckland"
-      },
-      {
-        label: "Pacific/Bougainville",
-        searchIndex: "pacific/bougainville||utc+11:00|papua new guinea|pg",
-        value: "Pacific/Bougainville"
-      },
-      { label: "Pacific/Chatham", searchIndex: "pacific/chatham||utc+13:45|new zealand|nz", value: "Pacific/Chatham" },
-      {
-        label: "Pacific/Chuuk",
-        searchIndex: "pacific/chuuk||utc+10:00|micronesia (federated states of)|fm",
-        value: "Pacific/Chuuk"
-      },
-      { label: "Pacific/Easter", searchIndex: "pacific/easter||utc-05:00|chile|cl", value: "Pacific/Easter" },
-      { label: "Pacific/Efate", searchIndex: "pacific/efate||utc+11:00|vanuatu|vu", value: "Pacific/Efate" },
-      { label: "Pacific/Fakaofo", searchIndex: "pacific/fakaofo||utc+13:00|tokelau|tk", value: "Pacific/Fakaofo" },
-      { label: "Pacific/Fiji", searchIndex: "pacific/fiji||utc+12:00|fiji|fj", value: "Pacific/Fiji" },
-      { label: "Pacific/Funafuti", searchIndex: "pacific/funafuti||utc+12:00|tuvalu|tv", value: "Pacific/Funafuti" },
-      {
-        label: "Pacific/Galapagos",
-        searchIndex: "pacific/galapagos||utc-06:00|ecuador|ec",
-        value: "Pacific/Galapagos"
-      },
-      {
-        label: "Pacific/Gambier",
-        searchIndex: "pacific/gambier||utc-09:00|french polynesia|pf",
-        value: "Pacific/Gambier"
-      },
-      {
-        label: "Pacific/Guadalcanal",
-        searchIndex: "pacific/guadalcanal||utc+11:00|micronesia (federated states of)|fm|solomon islands|sb",
-        value: "Pacific/Guadalcanal"
-      },
-      {
-        label: "Pacific/Guam",
-        searchIndex: "pacific/guam|chst|utc+10:00|guam|gu|northern mariana islands|mp",
-        value: "Pacific/Guam"
-      },
-      {
-        label: "Pacific/Honolulu",
-        searchIndex: "pacific/honolulu|hst|utc-10:00|united states|us",
-        value: "Pacific/Honolulu"
-      },
-      { label: "Pacific/Kanton", searchIndex: "pacific/kanton||utc+13:00|kiribati|ki", value: "Pacific/Kanton" },
-      {
-        label: "Pacific/Kiritimati",
-        searchIndex: "pacific/kiritimati||utc+14:00|kiribati|ki",
-        value: "Pacific/Kiritimati"
-      },
-      {
-        label: "Pacific/Kosrae",
-        searchIndex: "pacific/kosrae||utc+11:00|micronesia (federated states of)|fm",
-        value: "Pacific/Kosrae"
-      },
-      {
-        label: "Pacific/Kwajalein",
-        searchIndex: "pacific/kwajalein||utc+12:00|marshall islands|mh",
-        value: "Pacific/Kwajalein"
-      },
-      {
-        label: "Pacific/Majuro",
-        searchIndex: "pacific/majuro||utc+12:00|marshall islands|mh",
-        value: "Pacific/Majuro"
-      },
-      {
-        label: "Pacific/Marquesas",
-        searchIndex: "pacific/marquesas||utc-09:30|french polynesia|pf",
-        value: "Pacific/Marquesas"
-      },
-      {
-        label: "Pacific/Midway",
-        searchIndex: "pacific/midway|sst|utc-11:00|united states outlying islands|um",
-        value: "Pacific/Midway"
-      },
-      { label: "Pacific/Nauru", searchIndex: "pacific/nauru||utc+12:00|nauru|nr", value: "Pacific/Nauru" },
-      { label: "Pacific/Niue", searchIndex: "pacific/niue||utc-11:00|niue|nu", value: "Pacific/Niue" },
-      {
-        label: "Pacific/Norfolk",
-        searchIndex: "pacific/norfolk||utc+12:00|norfolk island|nf",
-        value: "Pacific/Norfolk"
-      },
-      { label: "Pacific/Noumea", searchIndex: "pacific/noumea||utc+11:00|new caledonia|nc", value: "Pacific/Noumea" },
-      {
-        label: "Pacific/Pago_Pago",
-        searchIndex: "pacific/pago_pago|sst|utc-11:00|american samoa|as|united states outlying islands|um",
-        value: "Pacific/Pago_Pago"
-      },
-      { label: "Pacific/Palau", searchIndex: "pacific/palau||utc+09:00|palau|pw", value: "Pacific/Palau" },
-      { label: "Pacific/Pitcairn", searchIndex: "pacific/pitcairn||utc-08:00|pitcairn|pn", value: "Pacific/Pitcairn" },
-      {
-        label: "Pacific/Pohnpei",
-        searchIndex: "pacific/pohnpei||utc+11:00|micronesia (federated states of)|fm",
-        value: "Pacific/Pohnpei"
-      },
-      {
-        label: "Pacific/Port_Moresby",
-        searchIndex: "pacific/port_moresby||utc+10:00|antarctica|aq|micronesia (federated states of)|fm|papua new guinea|pg",
-        value: "Pacific/Port_Moresby"
-      },
-      {
-        label: "Pacific/Rarotonga",
-        searchIndex: "pacific/rarotonga||utc-10:00|cook islands|ck",
-        value: "Pacific/Rarotonga"
-      },
-      {
-        label: "Pacific/Saipan",
-        searchIndex: "pacific/saipan|chst|utc+10:00|northern mariana islands|mp",
-        value: "Pacific/Saipan"
-      },
-      {
-        label: "Pacific/Tahiti",
-        searchIndex: "pacific/tahiti||utc-10:00|french polynesia|pf",
-        value: "Pacific/Tahiti"
-      },
-      {
-        label: "Pacific/Tarawa",
-        searchIndex: "pacific/tarawa||utc+12:00|kiribati|ki|marshall islands|mh|tuvalu|tv|united states outlying islands|um|wallis and futuna|wf",
-        value: "Pacific/Tarawa"
-      },
-      { label: "Pacific/Tongatapu", searchIndex: "pacific/tongatapu||utc+13:00|tonga|to", value: "Pacific/Tongatapu" },
-      {
-        label: "Pacific/Wake",
-        searchIndex: "pacific/wake||utc+12:00|united states outlying islands|um",
-        value: "Pacific/Wake"
-      },
-      {
-        label: "Pacific/Wallis",
-        searchIndex: "pacific/wallis||utc+12:00|wallis and futuna|wf",
-        value: "Pacific/Wallis"
-      }
-    ]
-  }
-];
-const getTimezoneDetails = () => {
-  const browserTimeZone = dayjs.tz.guess();
-  const defaultTimezoneList = [];
-  const list = timezoneData.map((group) => {
-    return {
-      label: group.label,
-      options: group.options.map((option) => {
-        const info = {
-          ...option,
-          ...getTimezoneInfo(option.searchIndex)
-        };
-        if (option.value === browserTimeZone) {
-          defaultTimezoneList.push({
-            ...option,
-            ...info,
-            label: info.label
-          });
-        }
-        return info;
-      })
-    };
-  });
-  list.unshift({
-    label: "",
-    options: defaultTimezoneList
-  });
-  return list;
-};
-const getTimezoneInfo = (searchIndex) => {
-  const list = searchIndex.split("|");
-  return {
-    abbreviation: list[1].toLocaleUpperCase(),
-    country: (list[3] || "").replace(/(\b\w)/g, (v) => v.toLocaleUpperCase()),
-    countryCode: list[4] || "",
-    utc: list[2].toLocaleUpperCase()
-  };
-};
-const timezoneDetails = getTimezoneDetails();
-const getTimezoneInfoByValue = (value) => {
-  return timezoneDetails.reduce((pre, group) => {
-    if ((pre == null ? void 0 : pre.label) === value)
-      return pre;
-    return group.options.find((option) => option.label === value);
-  }, {});
-};
-const _hoisted_1$2 = { class: "option-name" };
-const _hoisted_2$2 = { class: "option-country" };
-const _hoisted_3$2 = { class: "option-utc" };
-const _hoisted_4$1 = { class: "option-name" };
-const _hoisted_5$1 = { class: "option-country" };
-const _hoisted_6$1 = { class: "option-utc" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "timezone-picker",
-  props: {
-    value: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const timezoneData2 = shallowRef(timezoneDetails);
-    const handleChange = (val) => {
-      const info = getTimezoneInfoByValue(val);
-      emits("change", val, info);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Select), {
-        "model-value": _ctx.value,
-        class: "timezone-picker",
-        filterable: "",
-        "input-search": "",
-        clearable: false,
-        placeholder: unref(t)("请输入搜索（国家，城市，简称）"),
-        "no-match-text": unref(t)("无匹配数据"),
-        "popover-options": { "ext-cls": "__bk-date-picker-popover__" },
-        onChange: handleChange
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(timezoneData2.value, (group) => {
-            return openBlock(), createElementBlock(Fragment, null, [
-              group.label.length < 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(group.options, (item) => {
-                return openBlock(), createBlock(unref(Select).Option, {
-                  id: item.label,
-                  name: item.label,
-                  key: item.label
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass({
-                        "timezone-picker-option": true,
-                        "is-selected": item.label === _ctx.value
-                      })
-                    }, [
-                      createElementVNode("span", _hoisted_1$2, toDisplayString(unref(t)("浏览器时间")) + " " + toDisplayString(item.label), 1),
-                      createElementVNode("span", _hoisted_2$2, toDisplayString(item.country) + ", " + toDisplayString(item.abbreviation), 1),
-                      createElementVNode("span", _hoisted_3$2, toDisplayString(item.utc), 1)
-                    ], 2)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "name"]);
-              }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                group.options.length ? (openBlock(), createBlock(unref(Select).Group, {
-                  key: group.label,
-                  label: group.label
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item) => {
-                      return openBlock(), createBlock(unref(Select).Option, {
-                        id: item.label,
-                        name: item.label,
-                        key: item.label
-                      }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: normalizeClass({
-                              "timezone-picker-option": true,
-                              "is-selected": item.label === _ctx.value
-                            })
-                          }, [
-                            createElementVNode("span", _hoisted_4$1, toDisplayString(item.label), 1),
-                            createElementVNode("span", _hoisted_5$1, toDisplayString(item.country) + ", " + toDisplayString(item.abbreviation), 1),
-                            createElementVNode("span", _hoisted_6$1, toDisplayString(item.utc), 1)
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1032, ["id", "name"]);
-                    }), 128))
-                  ]),
-                  _: 2
-                }, 1032, ["label"])) : createCommentVNode("", true)
-              ], 64))
-            ], 64);
-          }), 256))
-        ]),
-        _: 1
-      }, 8, ["model-value", "placeholder", "no-match-text"]);
-    };
-  }
-});
-const timezonePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$1 = { class: "panel-wrapper" };
-const _hoisted_2$1 = { class: "common-date-list" };
-const _hoisted_3$1 = ["onClick"];
-const _hoisted_4 = { class: "common-wrapper" };
-const _hoisted_5 = { class: "empty-tips" };
-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_10 = { class: "time-zone-picker" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "panel-wrapper",
-  props: {
-    defaultValue: {},
-    timezone: {}
-  },
-  emits: ["change", "update:timezone"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { format, storeKey: storeKey2, timezoneInfo } = useDatePickertInject();
-    const emits = __emit;
-    const timezoneSet = ref(false);
-    const commonDateList = [
-      ["now-5m", "now"],
-      ["now-15m", "now"],
-      ["now-30m", "now"],
-      ["now-1h", "now"],
-      ["now-3h", "now"],
-      ["now-6h", "now"],
-      ["now-12h", "now"],
-      ["now-24h", "now"],
-      ["now-2d", "now"],
-      ["now-7d", "now"],
-      ["now-30d", "now"],
-      ["now/d", "now/d"],
-      ["now-1d/d", "now-1d/d"],
-      ["now-2d/d", "now-2d/d"],
-      ["now-3d/d", "now-1d/d"],
-      ["now-1w/w", "now-1w/w"],
-      ["now/d", "now"],
-      ["now/w", "now/w"],
-      ["now/w", "now"],
-      ["now/M", "now/M"],
-      ["now/M", "now"],
-      ["now-1M/M", "now-1M/M"],
-      ["now-1M/M", "now"]
-    ];
-    const activePanel = ref("common");
-    const activeDatePickTab = ref(getDateValueMode(props.defaultValue));
-    const localDateValue = ref(props.defaultValue);
-    const browserTimezone = dayjs.tz.guess();
-    const recentUseList = computed(() => getStoreDateList(storeKey2.value));
-    const dateList = computed(() => activePanel.value === "common" ? commonDateList : recentUseList.value);
-    const handleChange = (value) => {
-      localDateValue.value = value;
-      emits("change", value);
-    };
-    const getComponent = () => {
-      switch (activeDatePickTab.value) {
-        case DateMode.RECENT:
-        case DateMode.FUTURE:
-          return _sfc_main$3;
-        case DateMode.NATURAL:
-          return _sfc_main$4;
-        case DateMode.Date:
-        default:
-          return _sfc_main$5;
-      }
-    };
-    const handleToggleTimezoneSet = () => {
-      timezoneSet.value = !timezoneSet.value;
-    };
-    const handleTimezoneChange = (v, info) => {
-      emits("update:timezone", v, info);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(_sfc_main$8, {
-          modelValue: activePanel.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activePanel.value = $event),
-          panels: unref(panels)
-        }, null, 8, ["modelValue", "panels"]),
-        createElementVNode("div", null, [
-          createElementVNode("ul", _hoisted_2$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(dateList.value, (date, index) => {
-              return openBlock(), createElementBlock("li", {
-                class: normalizeClass({
-                  "list-item": true,
-                  "is-recent-item": activePanel.value === "recent"
-                }),
-                key: index,
-                onClick: ($event) => handleChange(date)
-              }, toDisplayString(unref(getDateValueToString)(date, unref(format))), 11, _hoisted_3$1);
-            }), 128))
-          ])
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_4, [
-          createVNode(unref(Exception), {
-            type: "empty",
-            scene: "part",
-            class: "empty-content"
-          }),
-          createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("暂无最近使用记录")), 1)
-        ], 512), [
-          [vShow, dateList.value.length < 1]
-        ]),
-        createVNode(_sfc_main$8, {
-          class: "date-pick-tab",
-          modelValue: activeDatePickTab.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeDatePickTab.value = $event),
-          panels: unref(datePickTabList)
-        }, null, 8, ["modelValue", "panels"]),
-        (openBlock(), createBlock(KeepAlive, null, [
-          (openBlock(), createBlock(resolveDynamicComponent(getComponent()), {
-            key: activeDatePickTab.value,
-            type: activeDatePickTab.value,
-            value: localDateValue.value,
-            onChange: handleChange
-          }, null, 40, ["type", "value"]))
-        ], 1024)),
-        createElementVNode("div", _hoisted_6, [
-          createTextVNode(toDisplayString(unref(timezoneInfo).label === unref(browserTimezone) ? unref(t)("浏览器时间") : "") + " ", 1),
-          createElementVNode("span", _hoisted_7, [
-            createTextVNode(toDisplayString(unref(timezoneInfo).label) + " ", 1),
-            createElementVNode("span", _hoisted_8, toDisplayString(unref(timezoneInfo).country) + ", " + toDisplayString(unref(timezoneInfo).abbreviation), 1)
-          ]),
-          createElementVNode("span", _hoisted_9, toDisplayString(unref(timezoneInfo).utc), 1),
-          createVNode(unref(Button), {
-            theme: "primary",
-            size: "small",
-            text: true,
-            onClick: handleToggleTimezoneSet
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("时区设置")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_10, [
-          createVNode(_sfc_main$2, {
-            value: _ctx.timezone || unref(browserTimezone),
-            onChange: handleTimezoneChange
-          }, null, 8, ["value"])
-        ], 512), [
-          [vShow, timezoneSet.value]
-        ])
-      ]);
-    };
-  }
-});
-const panelWrapper_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "date-content-icon",
-  viewBox: "0 0 1024 1024",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  width: "14",
-  height: "14"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "M486.656 997.312c-268.288 0-486.656-218.304-486.656-486.656 0-268.288 218.304-486.656 486.656-486.656 268.352 0 486.656 218.304 486.656 486.656C973.376 779.008 755.008 997.312 486.656 997.312zM486.656 88c-233.088 0-422.656 189.568-422.656 422.656 0 233.088 189.568 422.656 422.656 422.656s422.656-189.632 422.656-422.656C909.376 277.568 719.744 88 486.656 88z",
-    fill: "#979BA5"
-  }),
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "M816.064 544 432.064 544 432.064 160 496.064 160 496.064 480 816.064 480Z",
-    fill: "#979BA5"
-  })
-], -1);
-const _hoisted_2 = { class: "date-content-utc" };
-const _hoisted_3 = { class: "date-tooltips-timezone" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "DatePicker"
-  },
-  __name: "date-picker",
-  props: {
-    behavior: { default: "normal" },
-    disabled: { type: Boolean },
-    format: { default: "YYYY-MM-DD HH:mm:ss" },
-    modelValue: {},
-    timezone: {},
-    version: { default: "1.0" }
-  },
-  emits: ["update:modelValue", "update:timezone"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    dayjs.locale({
-      ...lang === "en" ? en : cn,
-      weekStart: 1
-    });
-    provideGlobalConfig({
-      prefix: "bk"
-    });
-    const props = __props;
-    const emits = __emit;
-    const dateTooltipsRef = ref();
-    const dateContentRef = ref();
-    const format = computed(() => props.format);
-    const timezoneInfo = computed(() => getTimezoneInfoByValue(props.timezone || dayjs.tz.guess()));
-    const dateDetail = shallowRef(transformDateValueToDayjs(props.modelValue));
-    const storeKey2 = computed(() => getStoreKey(props.version));
-    const datePanelShow = ref(false);
-    const tooltipsShow = ref(false);
-    useDatePickerProvider({
-      format,
-      storeKey: storeKey2,
-      t,
-      timezoneInfo
-    });
-    onBeforeUnmount(() => {
-      tooltipsShow.value = false;
-      datePanelShow.value = false;
-    });
-    const handleDateMouseenter = () => {
-      tooltipsShow.value = true;
-    };
-    const handleDateMouseleave = () => {
-      setTimeout(() => {
-        tooltipsShow.value = false;
-      }, 100);
-    };
-    const handleChange = (val) => {
-      var _a;
-      datePanelShow.value = false;
-      dateDetail.value = transformDateValueToDayjs(val);
-      emits("update:modelValue", val, (_a = dateDetail.value) == null ? void 0 : _a.map((item) => ({
-        dayjs: item,
-        formatText: item.format(format.value),
-        unix: item.unix()
-      })));
-      val && setStoreDateList(val, storeKey2.value);
-    };
-    const handleTimezoneChange = (val, info) => {
-      emits("update:timezone", val, { ...info });
-      handleHidden();
-    };
-    const handleHidden = () => {
-      datePanelShow.value = false;
-    };
-    const diffDateDuration = (type) => {
-      var _a;
-      if (((_a = dateDetail.value) == null ? void 0 : _a.length) < 2)
-        return;
-      const [start, end] = dateDetail.value;
-      let durations = end.diff(start);
-      const dayDuration = 24 * 60 * 60 * 1e3;
-      if (durations % dayDuration === dayDuration - 1e3) {
-        durations += 1e3;
-      }
-      dateDetail.value = type === "left" ? [start.subtract(durations), end.subtract(durations)] : [start.add(durations), end.add(durations)];
-      handleChange(dateDetail.value.map((item) => item.format(format.value)));
-    };
-    const handleClickLeft = () => {
-      diffDateDuration("left");
-    };
-    const handleClickRight = () => {
-      diffDateDuration("right");
-    };
-    const handleClickoutside = (e) => {
-      if (!datePanelShow.value)
-        return;
-      if (!Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some((item) => item.contains(e.target))) {
-        handleHidden();
-      }
-    };
-    __expose({
-      handleHidePanel: () => {
-        datePanelShow.value = false;
-      },
-      handleShowPanel: () => {
-        datePanelShow.value = true;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({
-          "__bk_date_picker__": true,
-          "is-simplicity": _ctx.behavior === "simplicity",
-          "is-disabled": _ctx.disabled
-        })
-      }, [
-        createElementVNode("span", {
-          class: "date-icon",
-          onClick: handleClickLeft
-        }, [
-          createVNode(unref(AngleLeft), { class: "date-icon-left" })
-        ]),
-        createVNode(unref(Popover), {
-          trigger: "manual",
-          "is-show": datePanelShow.value,
-          placement: "bottom-start",
-          theme: "light",
-          arrow: false,
-          "ext-cls": "bk-date-picker-popover __bk-date-picker-popover__",
-          offset: { mainAxis: 10, crossAxis: 10, alignmentAxis: -32 },
-          onAfterHidden: handleHidden
-        }, {
-          content: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              "default-value": _ctx.modelValue,
-              timezone: _ctx.timezone,
-              onChange: handleChange,
-              "onUpdate:timezone": handleTimezoneChange
-            }, null, 8, ["default-value", "timezone"])
-          ]),
-          default: withCtx(() => {
-            var _a;
-            return [
-              withDirectives((openBlock(), createElementBlock("span", {
-                class: "date-content",
-                onClick: _cache[0] || (_cache[0] = ($event) => datePanelShow.value = !datePanelShow.value),
-                ref_key: "dateContentRef",
-                ref: dateContentRef,
-                onMouseenter: handleDateMouseenter,
-                onMouseleave: handleDateMouseleave
-              }, [
-                _hoisted_1,
-                createElementVNode("span", null, toDisplayString(unref(getDateValueToString)(_ctx.modelValue, format.value)), 1),
-                createElementVNode("span", _hoisted_2, toDisplayString(timezoneInfo.value.abbreviation || ((_a = timezoneInfo.value.utc) == null ? void 0 : _a.replace("UTC", "").replace(":00", ""))), 1)
-              ], 32)), [
-                [unref(clickoutside), handleClickoutside]
-              ])
-            ];
-          }),
-          _: 1
-        }, 8, ["is-show"]),
-        createElementVNode("span", {
-          class: "date-icon",
-          style: { "margin-left": "auto" },
-          onClick: handleClickRight
-        }, [
-          createVNode(unref(AngleRight), { class: "date-icon-right" })
-        ]),
-        createVNode(unref(Popover), {
-          "is-show": tooltipsShow.value,
-          trigger: "manual",
-          target: dateContentRef.value,
-          offset: 12,
-          placement: "top"
-        }, {
-          content: withCtx(() => {
-            var _a, _b, _c, _d;
-            return [
-              createElementVNode("div", {
-                ref_key: "dateTooltipsRef",
-                ref: dateTooltipsRef,
-                class: "__date-tooltips__",
-                style: normalizeStyle({ maxWidth: unref(lang) === "en" ? "180px" : "156px" })
-              }, [
-                createElementVNode("div", null, toDisplayString((_b = (_a = dateDetail.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.format(format.value)), 1),
-                createTextVNode(" to "),
-                createElementVNode("div", null, toDisplayString((_d = (_c = dateDetail.value) == null ? void 0 : _c[1]) == null ? void 0 : _d.format(format.value)), 1),
-                createElementVNode("div", _hoisted_3, toDisplayString(timezoneInfo.value.label === unref(dayjs).tz.guess() ? `${unref(t)("浏览器时间")} (${timezoneInfo.value.label})` : timezoneInfo.value.label), 1)
-              ], 4)
-            ];
-          }),
-          _: 1
-        }, 8, ["is-show", "target"])
-      ], 2);
-    };
-  }
-});
-const datePicker_vue_vue_type_style_index_0_lang = "";
-dayjs.extend(customParseFormat);
-dayjs.extend(localizedFormat);
-dayjs.extend(tz);
-dayjs.extend(utc);
-export {
-  DATE_PICKER_PROVIDER_KEY,
-  _sfc_main as DatePicker,
-  Dayjs,
-  default2 as dayjs,
-  _sfc_main as default,
-  getDateValueMode,
-  getDateValueToString,
-  isValidDateValue,
-  naturalDateRegexp,
-  recentDateRegexp,
-  transformDateValueToDayjs,
-  useDatePickerProvider,
-  useDatePickertInject
-};