@blueking/date-picker 0.0.29 → 0.0.30

package/dist/vue3-light.es.js

@@ -1,62 +1,71 @@
-import p from "dayjs";
-import { Dayjs as Hi, default as Ri } from "dayjs";
-import Ma from "dayjs/plugin/customParseFormat";
-import Ha from "dayjs/plugin/localizedFormat";
-import za from "dayjs/plugin/timezone";
-import Ea from "dayjs/plugin/utc";
-import { provide as Ra, inject as La, defineComponent as G, openBlock as f, createElementBlock as z, createVNode as M, unref as t, withCtx as C, Fragment as j, renderList as L, createBlock as R, createTextVNode as U, toDisplayString as k, createCommentVNode as la, shallowRef as W, watch as ua, createElementVNode as u, normalizeClass as ea, withModifiers as Sa, ref as B, withDirectives as ia, withKeys as Aa, computed as Z, vShow as fa, KeepAlive as Ka, resolveDynamicComponent as Ua, onBeforeUnmount as qa, normalizeStyle as Fa } from "vue";
+var Ba = Object.defineProperty;
+var Na = (i, e, a) => e in i ? Ba(i, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[e] = a;
+var O = (i, e, a) => (Na(i, typeof e != "symbol" ? e + "" : e, a), a);
+import A from "dayjs";
+import { Dayjs as qt, default as Ft } from "dayjs";
+import wa from "dayjs/plugin/customParseFormat";
+import $a from "dayjs/plugin/localizedFormat";
+import Da from "dayjs/plugin/timezone";
+import Ma from "dayjs/plugin/utc";
+import { provide as Ra, inject as Ha, defineComponent as F, openBlock as p, createElementBlock as D, createVNode as w, unref as t, withCtx as P, Fragment as B, renderList as $, createBlock as N, createTextVNode as L, toDisplayString as I, createCommentVNode as na, shallowRef as J, watch as sa, createElementVNode as s, normalizeClass as ta, withModifiers as za, ref as j, withDirectives as ia, withKeys as Aa, computed as W, vShow as ga, KeepAlive as La, resolveDynamicComponent as Ua, onBeforeUnmount as Ka, normalizeStyle as qa } from "vue";
 import aa from "bkui-vue/lib/popover";
 import "bkui-vue/lib/popover/popover.css";
-import { provideGlobalConfig as Ga } from "bkui-vue/lib/config-provider";
-import { clickoutside as da } from "bkui-vue/lib/directives";
-import { AngleDoubleLeft as Oa, AngleLeft as Pa, AngleRight as Da, AngleDoubleRight as Ja, Close as Wa } from "bkui-vue/lib/icon";
+import { provideGlobalConfig as Fa } from "bkui-vue/lib/config-provider";
+import { clickoutside as ua } from "bkui-vue/lib/directives";
+import { AngleDoubleLeft as Ga, AngleLeft as Ea, AngleRight as Sa, AngleDoubleRight as Oa, Close as Ja } from "bkui-vue/lib/icon";
 import "bkui-vue/lib/styles/reset.css";
-import Za from "dayjs/locale/en";
-import Qa from "dayjs/locale/zh-cn";
-import ma from "bkui-vue/lib/button";
+import Wa from "dayjs/locale/en";
+import Za from "dayjs/locale/zh-cn";
+import va from "bkui-vue/lib/button";
 import "bkui-vue/lib/button/button.css";
-import Xa from "bkui-vue/lib/exception";
+import Qa from "bkui-vue/lib/exception";
 import "bkui-vue/lib/exception/exception.css";
-import ga from "bkui-vue/lib/tab";
+import xa from "bkui-vue/lib/tab";
 import "bkui-vue/lib/tab/tab.css";
-import ae from "bkui-vue/lib/checkbox";
+import Xa from "bkui-vue/lib/checkbox";
 import "bkui-vue/lib/checkbox/checkbox.css";
-import Ca from "bkui-vue/lib/input";
+import Pa from "bkui-vue/lib/input";
 import "bkui-vue/lib/input/input.css";
-import F from "bkui-vue/lib/select";
+import K from "bkui-vue/lib/select";
 import "bkui-vue/lib/select/select.css";
-const ee = (i) => {
+const ae = (i) => {
   const e = document.cookie.match(new RegExp(`(^| )${i}=([^;]*)(;|$)`));
   return e ? e[2] : "";
-}, J = {
-  "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",
+}, ee = {
+  上周: "Last week",
+  上月: "Last month",
+  今天: "Today",
+  今年: "This year",
   "前 N 周": "Previous N weeks",
   "前 N 天": "Previous N days",
   前天: "The day before yesterday",
-  周: "w",
-  天: "d",
+  前年: "The year before last",
+  去年: "Last year",
+  昨天: "Yesterday",
+  本周: "This week",
+  本月: "This month"
+}, te = {
+  分钟: "minute",
+  周: "week",
+  天: "day",
+  小时: "hour",
+  年: "year",
+  月: "month",
+  毫秒: "millisecond",
+  秒: "second"
+}, Z = {
+  M: "月",
+  d: "天",
+  h: "小时",
+  m: "分钟",
+  ms: "毫秒",
+  s: "秒",
+  w: "周",
+  y: "年"
+}, oa = {
+  前: "Previous",
   将来: "Future",
-  小时: "h",
   常用时间: "Common",
-  年: "y",
   开始时间: "Start Time",
   支持多种时间格式自动转换: "Support multiple time formats for automatic conversion",
   整: "whole",
@@ -64,1035 +73,192 @@ const ee = (i) => {
   日期选择: "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 ",
+  近: "Last",
   "（至今）": "(so far)"
-}, Q = Object.keys(J).reduce((i, e) => (i[J[e]] = e, i), {}), ta = ee("blueking_language") || "zh-cn", s = (i, e = !0) => {
-  if (J[i] || console.info(`[i18n] ${i}: ${J[i]}`), ta !== "en")
-    return i;
-  if (e) {
-    const a = J[`option-${i}`];
-    return a != null && a.includes("now") ? J[i] : a || J[i];
-  }
-  return J[i];
 };
-var D = /* @__PURE__ */ ((i) => (i.Date = "date", i.FUTURE = "now+", i.NATURAL = "natural", i.RECENT = "now-", i))(D || {});
-const Ta = [
+Object.keys(oa).reduce((i, e) => (i[oa[e]] = e, i), {});
+const ca = ae("blueking_language") || "zh-cn", l = (i) => ca !== "en" ? Z[i] || i : Z[i] || te[i] || ee[i] || oa[i] || i;
+var _ = /* @__PURE__ */ ((i) => (i.Date = "date", i.FUTURE = "now+", i.NATURAL = "natural", i.RECENT = "now-", i))(_ || {});
+const Ca = [
   {
     id: "s",
-    name: s("秒")
+    name: l("秒")
   },
   {
     id: "m",
-    name: s("分钟")
+    name: l("分钟")
   },
   {
     id: "h",
-    name: s("小时")
+    name: l("小时")
   },
   {
     id: "d",
-    name: s("天")
+    name: l("天")
   },
   {
     id: "w",
-    name: s("周")
+    name: l("周")
   },
   {
     id: "M",
-    name: s("月")
+    name: l("月")
   },
   {
     id: "y",
-    name: s("年")
+    name: l("年")
   }
-], na = Ta.map((i) => i.id).join("");
+], Q = Ca.map((i) => i.id).join("");
 var X = /* @__PURE__ */ ((i) => (i.custom = "custom", i.default = "default", i.edit = "edit", i))(X || {});
-const xa = [
+const da = [
   {
     id: "now/d",
-    name: s("今天", !0),
+    name: l("今天"),
     type: "default"
     /* default */
   },
   {
     id: "now-1d/d",
-    name: s("昨天", !0),
+    name: l("昨天"),
     type: "default"
     /* default */
   },
   {
     id: "now-2d/d",
-    name: s("前天", !0),
+    name: l("前天"),
     type: "default"
     /* default */
   },
   {
     id: "now/w",
-    name: s("本周", !0),
+    name: l("本周"),
     type: "default"
     /* default */
   },
   {
     id: "now-1w/w",
-    name: s("上周", !0),
+    name: l("上周"),
     type: "default"
     /* default */
   },
   {
     id: "now/M",
-    name: s("本月", !0),
+    name: l("本月"),
     type: "default"
     /* default */
   },
   {
     id: "now-1M/M",
-    name: s("上月", !0),
+    name: l("上月"),
     type: "default"
     /* default */
   },
   {
     id: "now-nd/d",
-    name: s("前 N 天"),
-    prefix: s("前"),
-    suffix: s("天"),
+    name: l("前 N 天"),
+    prefix: l("前"),
+    suffix: l("天"),
     type: "edit",
     unit: "d"
   },
   {
     id: "now-nw/w",
-    name: s("前 N 周"),
-    prefix: s("前"),
-    suffix: s("周"),
+    name: l("前 N 周"),
+    prefix: l("前"),
+    suffix: l("周"),
     type: "edit",
     unit: "w"
   }
 ];
-var sa = /* @__PURE__ */ ((i) => (i.ALL = "all", i.NOW = "now", i))(sa || {});
+var la = /* @__PURE__ */ ((i) => (i.ALL = "all", i.NOW = "now", i))(la || {});
 const Ia = [
   {
     id: "all",
-    name: s("整")
+    name: l("整")
   },
   {
     id: "now",
-    name: s("至今")
+    name: l("至今")
   }
 ], ie = [
-  {
-    id: "common",
-    name: s("常用时间")
-  },
-  {
-    id: "recent",
-    name: s("最近使用")
-  }
-], te = [
-  {
-    id: D.RECENT,
-    name: s("最近")
-  },
-  {
-    id: D.FUTURE,
-    name: s("未来")
-  },
-  {
-    id: D.NATURAL,
-    name: s("自然日期")
-  },
-  {
-    id: D.Date,
-    name: s("日期选择")
-  }
-], ne = "__bk_time_picker_store__", re = (i = 1) => `${ne}_${i}`, le = [
-  "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"
-], ra = new RegExp(`now[+-](\\d+)([${na}]{1})`), q = new RegExp(`now[+-]?(\\d*)([${na}]?)\\/([${na}]?)`), Va = new RegExp(`now([+-]?\\d*)([${na}]?)\\/?([${na}]?)`), Ba = Symbol("DATE_PICKER_PROVIDER_KEY"), ce = (i) => {
-  Ra(Ba, i);
-}, Ya = () => La(Ba), $a = (i, e) => {
-  if (!oa(i))
-    return (i == null ? void 0 : i[0]) || "";
-  const [a, o] = i;
-  let l = p(a, e);
-  l = l.isValid() ? l : p(a);
-  let r = p(o, e);
-  if (r = r.isValid() ? r : p(o), l.isValid() || r.isValid()) {
-    let n = e;
-    if (o === "now")
-      return `${l.format(e)} ~ ${s("此刻")}`;
-    const h = ["Y", "M", "D", "H", "m", "s"].reduce(
-      (d, b, g, P) => (g < 1 || (e.indexOf(b) > e.indexOf(P[g - 1]) ? d.push(b) : d = []), d),
-      ["Y"]
-    );
-    if (h.length > 1 && h.includes("D") && l.isSame(r, "year")) {
-      const [, d] = e.match(/(Y+)/);
-      let b = e.replace(d, l.format(d));
-      if (n = n.replace(/Y+[-/\\\s]/, ""), l.isSame(r, "month")) {
-        const [, g] = e.match(/(M+)/);
-        if (b = b.replace(g, l.format(g)), n = n.replace(/M+[-/\\\s]/, ""), l.isSame(r, "day")) {
-          const [, P] = e.match(/(d+|D+)/);
-          if (b = b.replace(P, l.format(P)), n = n.replace(/(d|D)+[-/\\\s]/, ""), l.isSame(r, "hour")) {
-            const [, $] = e.match(/(H+|h+)/);
-            if (b = b.replace($, l.format($)), n = n.replace(/[Hh]+[-/\\\s:]/, ""), l.isSame(r, "minute")) {
-              const [, N] = e.match(/(m+)/);
-              b = b.replace(N, l.format(N)), n = n.replace(/m+[-/\\\s:]/, "");
-            }
-          }
-        }
-      }
-      return b.replace(
-        n,
-        `(${l.format(n)} ~ ${r.format(n)})`
-      );
-    }
-    return `${l.format(e)} ~ ${r.format(e)}`;
-  }
-  if (!a.includes("/") && o === "now" || a === "now") {
-    const [, n, h] = (a === "now" ? o : a).match(ra) || [];
-    return !n || !h ? "" : `${s(a === "now" ? "未来" : "近")}${n}${ta === "en" ? " " : ""}${s(
-      Q[h],
-      !0
-    )}`;
-  }
-  const y = o !== "now" ? "" : s("（至今）");
-  if (Q[a])
-    return s(Q[a].replace("option-", ""), !0) + y;
-  const [, m, c] = a.match(q) || [];
-  return !m || !c ? "" : `${`${s("前")} ${m} ${s(Q[c], !0)}`}${y}`;
-}, ha = (i) => {
-  if (!oa(i))
-    return D.RECENT;
-  const [e, a] = i, o = p(e), l = p(a);
-  return o.isValid() || l.isValid() ? D.Date : !e.includes("/") && a === "now" ? D.RECENT : e === "now" ? D.FUTURE : (e === a || a === "now") && q.test(e) || q.test(e) && q.test(a) ? D.NATURAL : D.Date;
-}, ka = (i) => {
-  if (!oa(i))
-    return [];
-  const [e, a] = i, o = p(e), l = p(a);
-  if (o.isValid() || l.isValid())
-    return [o, a === "now" ? p() : l];
-  if (!e.includes("/") && a === "now") {
-    const [, b, g] = e.match(ra) || [];
-    return !b || !g ? [] : [p().add(-b, g), p()];
-  }
-  if (e === "now") {
-    const [, b, g] = a.match(ra) || [];
-    return !b || !g ? [] : [p(), p().add(+b, g)];
-  }
-  const [, r, y, m] = e.match(q) || [];
-  if ((!r || !y) && !m)
-    return [];
-  const c = y || m, n = p().startOf(c).subtract(+r, y || m);
-  if (a === "now")
-    return [n, p()];
-  if (e === a)
-    return [n, n.endOf(c)];
-  const [, h] = a.match(q) || [], d = p().subtract(+h, c).endOf(c);
-  return [n, d];
-}, se = (i, e = "start") => {
-  const [, a, o, l] = i.match(Va) || [];
-  let r;
-  return a && (r = p(r).add(+a, o || l)), l && (r = e === "start" ? p(r).startOf(l) : p(r).endOf(l)), r;
-}, oa = (i) => {
-  if (!Array.isArray(i) || i.length < 2)
-    return !1;
-  const [e, a] = i, o = p(e), l = p(a);
-  if (o.isValid() || l.isValid())
-    return a === "now" ? o.isValid() : o.isValid() && l.isValid();
-  if (!e.includes("/") && a === "now" || e === "now") {
-    const r = e === "now" ? a : e;
-    return ra.test(r);
-  }
-  return a === "now" || e === a ? q.test(e) : q.test(e) && q.test(a);
-}, ue = (i) => {
-  const e = localStorage.getItem(i);
-  let a = [];
-  if (e)
-    try {
-      a = JSON.parse(e);
-    } catch {
-      a = [];
-    }
-  return Array.isArray(a) || (a = []), a;
-}, oe = (i, e) => {
-  if (!oa(i))
-    return;
-  let a = [];
-  const o = localStorage.getItem(e);
-  if (o)
-    try {
-      a = JSON.parse(o);
-    } catch {
-      a = [];
-    }
-  Array.isArray(a) || (a = []), !a.some((l) => l[0] === i[0] && l[1] === i[1]) && (a.unshift(i), localStorage.setItem(e, JSON.stringify(a.slice(0, 10))));
-}, de = { class: "common-panel-tab" }, _a = /* @__PURE__ */ G({
-  __name: "common-tab",
-  props: {
-    modelValue: {
-      required: !0,
-      type: String
-    },
-    /** panels */
-    panels: {
-      required: !0,
-      type: Array
-    }
-  },
-  setup(i) {
-    return (e, a) => (f(), z("div", de, [
-      M(t(ga), {
-        active: i.modelValue,
-        type: "unborder-card",
-        "onUpdate:active": a[0] || (a[0] = (o) => e.$emit("update:modelValue", o))
-      }, {
-        default: C(() => [
-          (f(!0), z(
-            j,
-            null,
-            L(i.panels, (o) => (f(), R(t(ga).TabPanel, {
-              key: o.id,
-              name: o.id,
-              label: o.name
-            }, null, 8, ["name", "label"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["active"])
-    ]));
-  }
-});
-const ba = /* @__PURE__ */ G({
-  __name: "common-submit",
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["submit"],
-  setup(i) {
-    return (e, a) => (f(), z(
-      j,
-      null,
-      [
-        M(t(ma), {
-          class: "common-submit",
-          outline: !0,
-          theme: "primary",
-          disabled: e.disabled,
-          onClick: a[0] || (a[0] = (o) => e.$emit("submit"))
-        }, {
-          default: C(() => [
-            U(
-              k(t(s)("确定")),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["disabled"]),
-        la("v-if", !0)
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
-  }
-});
-const me = { class: "date-panel" }, he = { class: "date-panel-title" }, be = { class: "date-panel-main" }, ve = { class: "date-header" }, pe = { class: "date-header-left" }, Ae = { class: "date-header-center" }, fe = /* @__PURE__ */ u(
-  "span",
-  { class: "date-split" },
-  null,
-  -1
-  /* HOISTED */
-), ge = { class: "date-header-right" }, xe = { class: "date-content" }, Ie = { class: "date-grid" }, ke = ["onClick"], ya = 6, ca = 7, wa = /* @__PURE__ */ G({
-  __name: "date-panel",
-  props: {
-    format: { default: "YYYY-MM-DD HH:mm:ss" },
-    isNow: { type: Boolean },
-    minDate: {},
-    modelValue: {}
-  },
-  emits: ["update:isNow", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const a = i, o = e, l = ta === "en" ? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] : ["日", "一", "二", "三", "四", "五", "六"], r = W([]), y = p(), m = W(a.modelValue || y);
-    ua(m, () => {
-      const d = m.value.startOf("month").startOf("week"), b = [];
-      for (let g = 0; g < ya * ca; g++)
-        b.push(d.add(g, "day"));
-      r.value = b;
-    }, {
-      immediate: !0
-    });
-    const c = (d) => {
-      m.value = m.value.add(d, "month");
-    }, n = (d) => {
-      m.value = m.value.add(d, "year");
-    }, h = (d) => {
-      a.minDate && d.isBefore(a.minDate, "day") || o("update:modelValue", d);
-    };
-    return (d, b) => (f(), z("div", me, [
-      u("div", he, [
-        U(
-          k(t(s)("结束时间")) + " ",
-          1
-          /* TEXT */
-        ),
-        M(t(ae), {
-          size: "small",
-          class: "title-check",
-          "model-value": a.isNow,
-          "onUpdate:modelValue": b[0] || (b[0] = (g) => d.$emit("update:isNow", !g))
-        }, {
-          default: C(() => [
-            U(" now ")
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["model-value"])
-      ]),
-      u("div", be, [
-        u("div", ve, [
-          u("div", pe, [
-            M(t(Oa), {
-              class: "hand-icon",
-              onClick: b[1] || (b[1] = (g) => n(-1))
-            }),
-            M(t(Pa), {
-              class: "hand-icon",
-              onClick: b[2] || (b[2] = (g) => c(-1))
-            })
-          ]),
-          u("div", Ae, [
-            U(
-              k(m.value.year()),
-              1
-              /* TEXT */
-            ),
-            fe,
-            U(
-              k(m.value.month() + 1),
-              1
-              /* TEXT */
-            )
-          ]),
-          u("div", ge, [
-            M(t(Da), {
-              class: "hand-icon",
-              onClick: b[3] || (b[3] = (g) => c(1))
-            }),
-            M(t(Ja), {
-              class: "hand-icon",
-              onClick: b[4] || (b[4] = (g) => n(1))
-            })
-          ])
-        ]),
-        u("div", xe, [
-          u("ul", Ie, [
-            (f(!0), z(
-              j,
-              null,
-              L(t(l), (g, P) => (f(), z(
-                "li",
-                {
-                  class: "date-grid-item not-click",
-                  key: P
-                },
-                k(g),
-                1
-                /* TEXT */
-              ))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          (f(), z(
-            j,
-            null,
-            L(ya, (g) => u("ul", {
-              class: "date-grid",
-              key: g
-            }, [
-              (f(!0), z(
-                j,
-                null,
-                L(r.value.slice((g - 1) * ca, (g - 1) * ca + ca), (P) => (f(), z("li", {
-                  class: ea(["date-grid-item", {
-                    "is-last-month": P.isBefore(m.value, "month"),
-                    "is-next-month": P.isAfter(m.value, "month"),
-                    "is-today": P.isSame(t(y), "day"),
-                    "is-disabled": d.minDate && P.isBefore(d.minDate, "day"),
-                    "is-selected": a.modelValue && P.isSame(a.modelValue, "day")
-                  }]),
-                  key: P.unix(),
-                  onClick: Sa(($) => h(P), ["prevent"])
-                }, k(P.date()), 11, ke))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])),
-            64
-            /* STABLE_FRAGMENT */
-          ))
-        ])
-      ])
-    ]));
-  }
-});
-const _e = { class: "date-wrapper" }, ye = { class: "date-input" }, we = { class: "date-picker" }, Me = /* @__PURE__ */ u(
-  "span",
-  { class: "date-picker-icon" },
-  [
-    /* @__PURE__ */ u("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__ */ u("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
-  /* HOISTED */
-), ze = ["placeholder", "value"], Ee = /* @__PURE__ */ u(
-  "span",
-  { class: "date-picker-split" },
-  "~",
-  -1
-  /* HOISTED */
-), Se = ["placeholder", "value"], Pe = { class: "show-format" }, De = { class: "date-format-wrapper" }, Ce = { class: "content-title" }, Te = { class: "content-table" }, Ve = /* @__PURE__ */ G({
-  __name: "date-picker",
-  props: {
-    value: {}
-  },
-  emits: ["change"],
-  setup(i, { emit: e }) {
-    p.extend(Ma);
-    const a = i, o = e, l = B(null), r = B(null), y = B(!1), m = B(!1), c = W(), n = W(), h = B(!1), { format: d } = Ya(), b = p();
-    ua(() => a.value, (x) => {
-      if (!Array.isArray(x) || x.length < 2)
-        return;
-      const [I, w] = x, Y = p(I), H = p(w);
-      if (!(!Y.isValid() && !H.isValid())) {
-        if (Y.isValid()) {
-          const O = p(I, d.value);
-          c.value = O.isValid() ? O : Y;
-        }
-        if (w === "now") {
-          h.value = !0, n.value = p();
-          return;
-        }
-        if (H.isValid()) {
-          const O = p(w, d.value);
-          n.value = O.isValid() ? O : H;
-        }
-      }
-    }, {
-      immediate: !0
-    });
-    const g = async (x, I) => {
-      var O, va, pa;
-      const w = x.target.value.toString().trim();
-      if (!w || I === "end" && w === "now" && h.value)
-        return;
-      if (w === "now" && I === "end") {
-        h.value || (h.value = !0, A(p(), !1));
-        return;
-      }
-      const Y = I === "start" ? c.value : n.value;
-      let H;
-      Va.test(w) && (H = se(w, I)), H || (H = p(w)), H.isValid() && (Y != null && Y.isSame(H) || (I === "start" ? E(H) : (h.value = w === "now", A(H, !!((O = c.value) != null && O.isSame(H)))))), x.target.value = I === "start" ? ((va = c.value) == null ? void 0 : va.format(d.value)) || "" : ((pa = n.value) == null ? void 0 : pa.format(d.value)) || "";
-    }, P = () => {
-      y.value = !0;
-    }, $ = () => {
-      m.value = !0;
-    }, N = (x = 32) => {
-      setTimeout(() => y.value = !1, x);
-    }, K = (x = 32) => {
-      setTimeout(() => m.value = !1, x);
-    }, E = (x) => {
-      var I;
-      c.value = x, n.value || ((I = r.value) == null || I.focus(), $()), N();
-    }, A = (x, I = !0) => {
-      var w;
-      n.value = I ? p(x.endOf("day")) : x, h.value = I ? !1 : h.value, c.value || ((w = l.value) == null || w.focus(), P()), K();
-    }, v = () => {
-      h.value = !h.value, A(p(), !1), c.value && (y.value = !1);
-    }, S = () => {
-      c.value = void 0, n.value = void 0, h.value = !1, N(), K();
-    }, _ = () => {
-      var x, I;
-      c.value && n.value && o("change", [
-        ((x = c.value) == null ? void 0 : x.format(d.value)) || "",
-        h.value ? "now" : ((I = n.value) == null ? void 0 : I.format(d.value)) || ""
-      ]);
-    }, V = (x) => {
-      var I;
-      y.value && ((I = document.querySelector(".__date-picker-popover-start__")) != null && I.contains(x.target) || N());
-    }, T = (x) => {
-      var I;
-      m.value && ((I = document.querySelector(".__date-picker-popover-end__")) != null && I.contains(x.target) || K());
-    };
-    return (x, I) => (f(), z("div", _e, [
-      u("div", ye, [
-        u("div", we, [
-          Me,
-          M(t(aa), {
-            trigger: "manual",
-            theme: "light",
-            placement: "bottom-start",
-            boundary: "parent",
-            "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-start__",
-            arrow: !1,
-            "is-show": y.value
-          }, {
-            content: C(() => [
-              M(wa, {
-                format: t(d),
-                "is-now": h.value,
-                key: "start",
-                "model-value": c.value,
-                "onUpdate:modelValue": E,
-                "onUpdate:isNow": v
-              }, null, 8, ["format", "is-now", "model-value"])
-            ]),
-            default: C(() => {
-              var w;
-              return [
-                ia(u("input", {
-                  ref_key: "startInput",
-                  ref: l,
-                  class: "date-picker-start",
-                  spellcheck: "false",
-                  placeholder: t(s)("开始时间"),
-                  value: (w = c.value) == null ? void 0 : w.format(t(d)),
-                  onClick: P,
-                  onBlur: I[0] || (I[0] = (Y) => g(Y, "start")),
-                  onKeypress: I[1] || (I[1] = Aa((Y) => g(Y, "start"), ["enter"]))
-                }, null, 40, ze), [
-                  [t(da), V]
-                ])
-              ];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["is-show"]),
-          Ee,
-          M(t(aa), {
-            trigger: "manual",
-            theme: "light",
-            placement: "bottom-start",
-            boundary: "parent",
-            "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-end__",
-            arrow: !1,
-            "is-show": m.value
-          }, {
-            content: C(() => [
-              M(wa, {
-                format: t(d),
-                "is-now": h.value,
-                "min-date": c.value,
-                "model-value": n.value,
-                key: "end",
-                "onUpdate:modelValue": A,
-                "onUpdate:isNow": v
-              }, null, 8, ["format", "is-now", "min-date", "model-value"])
-            ]),
-            default: C(() => {
-              var w;
-              return [
-                ia(u("input", {
-                  ref_key: "endInput",
-                  ref: r,
-                  class: "date-picker-end",
-                  placeholder: t(s)("结束时间"),
-                  value: h.value ? "now" : (w = n.value) == null ? void 0 : w.format(t(d)),
-                  onClick: $,
-                  onBlur: I[2] || (I[2] = (Y) => g(Y, "end")),
-                  onKeypress: I[3] || (I[3] = Aa((Y) => g(Y, "end"), ["enter"]))
-                }, null, 40, Se), [
-                  [t(da), T]
-                ])
-              ];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["is-show"]),
-          c.value || n.value ? (f(), R(t(Wa), {
-            key: 0,
-            class: "date-picker-clear",
-            onClick: S
-          })) : la("v-if", !0)
-        ]),
-        M(ba, {
-          disabled: !(c.value && n.value),
-          onSubmit: _
-        }, null, 8, ["disabled"])
-      ]),
-      u("div", Pe, [
-        U(
-          k(t(s)("支持多种时间格式自动转换")) + " ",
-          1
-          /* TEXT */
-        ),
-        M(t(aa), {
-          trigger: "click",
-          placement: "bottom",
-          theme: "light"
-        }, {
-          content: C(() => [
-            u("div", De, [
-              u(
-                "div",
-                Ce,
-                k(t(s)("时间格式支持")),
-                1
-                /* TEXT */
-              ),
-              u("table", Te, [
-                u("thead", null, [
-                  u("tr", null, [
-                    u(
-                      "th",
-                      null,
-                      k(t(s)("格式")),
-                      1
-                      /* TEXT */
-                    ),
-                    u(
-                      "th",
-                      null,
-                      k(t(s)("示例")),
-                      1
-                      /* TEXT */
-                    )
-                  ])
-                ]),
-                u("tbody", null, [
-                  (f(!0), z(
-                    j,
-                    null,
-                    L(t(le), (w) => (f(), z("tr", { key: w }, [
-                      u(
-                        "td",
-                        null,
-                        k(w),
-                        1
-                        /* TEXT */
-                      ),
-                      u(
-                        "td",
-                        null,
-                        k(t(b).format(w)),
-                        1
-                        /* TEXT */
-                      )
-                    ]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ])
-              ])
-            ])
-          ]),
-          default: C(() => [
-            M(t(ma), {
-              text: "",
-              theme: "primary",
-              class: "format-button"
-            }, {
-              default: C(() => [
-                U(
-                  k(t(s)("查看支持格式")),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ])
-    ]));
-  }
-});
-const Be = { class: "natural-picker" }, Ye = ["onClick"], $e = "__", je = /* @__PURE__ */ G({
-  __name: "natural-picker",
-  props: {
-    value: {}
-  },
-  emits: ["change"],
-  setup(i, { emit: e }) {
-    const a = e, o = i, l = B(), r = W(xa.slice()), y = B(Ia[0].id), m = B(""), c = B(), n = B(r.value[0]);
-    ua(() => o.value, (E) => {
-      if (![D.NATURAL].includes(ha(E)))
-        return;
-      const [A, v] = E;
-      y.value = v === "now" ? sa.NOW : sa.ALL;
-      const [, S, _, V] = A.match(q) || [];
-      if ((!S || !_) && !V)
-        return;
-      const T = xa.find((x) => x.id === A && x.type === X.default);
-      if (v !== "now" && A !== v && T || !T) {
-        const x = `${`${s("前")} ${S} ${s(Q[_], !0)}`}`;
-        r.value.unshift({
-          id: A,
-          name: x,
-          type: X.custom
-        }), [n.value] = r.value;
-        return;
-      }
-      T && (n.value = T);
-    }, {
-      immediate: !0
-    });
-    const h = (E) => `${E.id}${$e}${E.type}`, d = (E) => {
-      const A = E.id;
-      if (y.value === sa.ALL) {
-        const [, v, S, _] = A.match(q) || [];
-        return +v > 1 ? +v == 2 && S === "d" ? [A, A] : [A, `now-1${S}/${_}`] : [A, A];
-      }
-      return [A, "now"];
-    }, b = (E) => {
-      var A;
-      if (E.type === X.edit) {
-        c.value = "", m.value = E.id, setTimeout(() => {
-          var v, S;
-          (S = (v = l.value) == null ? void 0 : v.inputRef) == null || S.focus();
-        }, 20);
-        return;
-      }
-      n.value = E, m.value = "", (A = l.value) == null || A.hidePopover();
-    }, g = (E) => {
-      y.value = E;
-    }, P = (E, A) => {
-      var _, V;
-      m.value = "";
-      const v = `now-${+E}${A.unit}/${A.unit}`, S = r.value.find((T) => T.id === v);
-      if (S) {
-        n.value = S, (_ = l.value) == null || _.hidePopover();
-        return;
-      }
-      r.value.unshift({
-        id: v,
-        name: A.name.replace("N", E.toString()),
-        type: X.custom
-      }), [n.value] = r.value, (V = l.value) == null || V.hidePopover();
-    }, $ = (E, A) => {
-      const v = E.target.value;
-      !v || !m.value || P(+v, A);
-    }, N = (E, A, v) => {
-      E.key !== "Enter" || !m.value || P(A, v);
-    }, K = () => {
-      a("change", d(n.value));
-    };
-    return (E, A) => (f(), z("div", Be, [
-      M(t(F), {
-        ref_key: "naturalSelectRef",
-        ref: l,
-        "model-value": h(n.value),
-        filterable: "",
-        "input-search": !1,
-        prefix: t(s)("自然日期"),
-        clearable: !1,
-        "popover-options": { boundary: "parent" },
-        "search-placeholder": t(s)("请输入"),
-        "no-match-text": t(s)("无匹配数据")
-      }, {
-        default: C(() => [
-          (f(!0), z(
-            j,
-            null,
-            L(r.value, (v) => (f(), R(t(F).Option, {
-              id: h(v),
-              key: h(v),
-              name: v.name
-            }, {
-              default: C(() => [
-                u("div", {
-                  onClick: A[1] || (A[1] = Sa(() => {
-                  }, ["prevent", "stop"])),
-                  style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
-                }, [
-                  m.value === v.id ? (f(), R(t(Ca), {
-                    key: 0,
-                    style: { width: "100%" },
-                    type: "number",
-                    size: "small",
-                    prefix: v.prefix,
-                    suffix: v.suffix,
-                    clearable: !1,
-                    autofocus: !0,
-                    "show-control": !1,
-                    placeholder: t(s)("请输入"),
-                    modelValue: c.value,
-                    "onUpdate:modelValue": A[0] || (A[0] = (S) => c.value = S),
-                    onBlur: (S) => $(S, v),
-                    onKeypress: (S, _) => N(_, S, v)
-                  }, null, 8, ["prefix", "suffix", "placeholder", "modelValue", "onBlur", "onKeypress"])) : (f(), z("div", {
-                    key: 1,
-                    onClick: (S) => b(v),
-                    style: { width: "100%" }
-                  }, k(v.name), 9, Ye))
-                ])
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["id", "name"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["model-value", "prefix", "search-placeholder", "no-match-text"]),
-      M(t(F), {
-        class: "natural-unit",
-        "model-value": y.value,
-        clearable: !1,
-        "popover-options": { boundary: "parent" },
-        onChange: g
-      }, {
-        default: C(() => [
-          (f(!0), z(
-            j,
-            null,
-            L(t(Ia), (v) => (f(), R(t(F).Option, {
-              id: v.id,
-              key: v.id,
-              name: v.name
-            }, null, 8, ["id", "name"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["model-value"]),
-      M(ba, { onSubmit: K })
-    ]));
-  }
-});
-const Ne = { class: "recent-picker" }, He = /* @__PURE__ */ G({
-  __name: "recent-picker",
-  props: {
-    type: { default: D.RECENT },
-    value: {}
-  },
-  emits: ["change"],
-  setup(i, { emit: e }) {
-    const a = e, o = i, l = B("m"), r = B();
-    ua(() => o.value, (c) => {
-      if (![D.FUTURE, D.RECENT].includes(ha(c)))
-        return;
-      const [n, h] = c, d = o.type === D.FUTURE ? h : n, [, b, g] = d.match(ra) || [];
-      l.value = g || "m", r.value = Number(b) || void 0;
-    }, {
-      immediate: !0
-    });
-    const y = Z(() => !!r.value && !!l.value), m = () => {
-      if (r.value) {
-        if (o.type === D.FUTURE) {
-          a("change", ["now", `${D.FUTURE}${r.value}${l.value}`]);
-          return;
-        }
-        a("change", [`${D.RECENT}${r.value}${l.value}`, "now"]);
-      }
-    };
-    return (c, n) => (f(), z("div", Ne, [
-      M(t(Ca), {
-        modelValue: r.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (h) => r.value = h),
-        type: "number",
-        prefix: c.type === "now-" ? t(s)("最近") : t(s)("将来"),
-        placeholder: t(s)("请输入")
-      }, {
-        suffix: C(() => [
-          M(t(F), {
-            class: "recent-unit",
-            modelValue: l.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (h) => l.value = h),
-            filterable: "",
-            clearable: !1,
-            "popover-options": { boundary: "parent" }
-          }, {
-            default: C(() => [
-              (f(!0), z(
-                j,
-                null,
-                L(t(Ta), (h) => (f(), R(t(F).Option, {
-                  id: h.id,
-                  key: h.id,
-                  name: h.name
-                }, null, 8, ["id", "name"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["modelValue", "prefix", "placeholder"]),
-      M(ba, {
-        disabled: !y.value,
-        onSubmit: m
-      }, null, 8, ["disabled"])
-    ]));
+  {
+    id: "common",
+    name: l("常用时间")
+  },
+  {
+    id: "recent",
+    name: l("最近使用")
   }
-});
-p.extend(Ea);
-p.extend(za);
-const Re = [
+], ne = [
+  {
+    id: _.RECENT,
+    name: l("最近")
+  },
+  {
+    id: _.FUTURE,
+    name: l("未来")
+  },
+  {
+    id: _.NATURAL,
+    name: l("自然日期")
+  },
+  {
+    id: _.Date,
+    name: l("日期选择")
+  }
+], re = "__bk_time_picker_store__", le = (i = 1) => `${re}_${i}`, ce = [
+  "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"
+], se = {
+  "now/M~now/M": l("本月"),
+  "now/d~now/d": l("今天"),
+  "now/w~now/w": l("本周"),
+  "now/y~now/y": l("今年"),
+  "now-1M/M~now-1M/M": l("上月"),
+  "now-1d/d~now-1d/d": l("昨天"),
+  "now-1w/w~now-1w/w": l("上周"),
+  "now-1y/y~now-1y/y": l("去年"),
+  "now-2d/d~now-2d/d": l("前天"),
+  "now-2y/y~now-2y/y": l("前年")
+}, Ta = Symbol("DATE_PICKER_PROVIDER_KEY"), ue = (i) => {
+  Ra(Ta, i);
+}, Va = () => Ha(Ta);
+A.extend(Ma);
+A.extend(Da);
+const oe = [
   // {
   //   label: '',
   //   options: [
@@ -2418,116 +1584,1016 @@ const Re = [
         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/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"
+      }
+    ]
+  }
+], de = () => {
+  const i = A.tz.guess(), e = [], a = oe.map((r) => ({
+    label: r.label,
+    options: r.options.map((d) => {
+      const u = {
+        ...d,
+        ...me(d.searchIndex)
+      };
+      return d.value === i && e.push({
+        ...d,
+        ...u,
+        label: u.label
+      }), u;
+    })
+  }));
+  return a.unshift({
+    label: "",
+    options: e
+  }), a;
+}, me = (i) => {
+  const e = i.split("|");
+  return {
+    abbreviation: e[1].toLocaleUpperCase(),
+    country: (e[3] || "").replace(/(\b\w)/g, (a) => a.toLocaleUpperCase()),
+    countryCode: e[4] || "",
+    utc: e[2].toLocaleUpperCase()
+  };
+}, ja = de(), Ya = (i) => ja.reduce((e, a) => (e == null ? void 0 : e.label) === i ? e : a.options.find((r) => r.label === i), {}), ea = new RegExp(`now([+-]?\\d*)([${Q}]?)\\/?([${Q}]?)`), he = new RegExp(`now[-](\\d+)([${Q}]{1})$`), ve = new RegExp(`now[+](\\d+)([${Q}]{1})$`), ma = new RegExp(`now([+-]?\\d*)([${Q}]?)\\/([${Q}])$`);
+class ha {
+  constructor(e = ["", ""], a = "YYYY-MM-DD HH:mm:ss") {
+    O(this, "endDate");
+    O(this, "endNum");
+    O(this, "endUnit");
+    O(this, "startDate");
+    O(this, "startNum");
+    O(this, "startUnit");
+    this.dateValue = e, this.format = a;
+    const [r, d] = e;
+    this.startDate = r ? this.transformValue2Dayjs(r) : null, this.endDate = d ? this.transformValue2Dayjs(d, "end") : null;
+  }
+  dateDuration() {
+    if (!this.startDate || !this.endDate || !this.isValidate)
+      return;
+    let e = this.endDate.diff(this.startDate);
+    const a = 24 * 60 * 60 * 1e3;
+    return e % a === a - 1e3 && (e += 1e3), e;
+  }
+  toDisplayString() {
+    var u, x;
+    if (!this.startDate || !this.endDate || !this.isValidate)
+      return ((u = this.dateValue) == null ? void 0 : u.join(" ~ ")) || "";
+    if (this.dateMode === _.RECENT)
+      return `${l("近")} ${Math.abs(this.startNum)} ${l(
+        Z[this.startUnit]
+      )}`;
+    if (this.dateMode === _.FUTURE)
+      return `${l("未来")} ${Math.abs(this.endNum)} ${l(
+        Z[this.endUnit]
+      )}`;
+    const [e, a] = this.dateValue;
+    if (this.dateMode === _.NATURAL) {
+      const c = a !== "now" ? "" : l("（至今）"), n = da.find((o) => o.id === e);
+      return n ? l(n.name) + c : `${`${l("前")} ${this.startNum} ${l(
+        Z[this.startUnit]
+      )}`}${c}`;
+    }
+    let r = this.format;
+    if (a === "now")
+      return `${(x = this.startDate) == null ? void 0 : x.format(this.format)} ~ ${l("此刻")}`;
+    const d = ["Y", "M", "D", "H", "m", "s"].reduce(
+      (c, n, o, h) => (o < 1 || (this.format.indexOf(n) > this.format.indexOf(h[o - 1]) ? c.push(n) : c = []), c),
+      ["Y"]
+    );
+    if (d.length > 1 && d.includes("D") && this.startDate.isSame(this.endDate, "year")) {
+      const [, c] = this.format.match(/(Y+)/);
+      let n = this.format.replace(c, this.startDate.format(c));
+      if (r = r.replace(/Y+[-/\\\s]/, ""), this.startDate.isSame(this.endDate, "month")) {
+        const [, o] = this.format.match(/(M+)/);
+        if (n = n.replace(o, this.startDate.format(o)), r = r.replace(/M+[-/\\\s]/, ""), this.startDate.isSame(this.endDate, "day")) {
+          const [, h] = this.format.match(/(d+|D+)/);
+          if (n = n.replace(h, this.startDate.format(h)), r = r.replace(/(d|D)+[-/\\\s]/, ""), this.startDate.isSame(this.endDate, "hour")) {
+            const [, v] = this.format.match(/(H+|h+)/);
+            if (n = n.replace(v, this.startDate.format(v)), r = r.replace(/[Hh]+[-/\\\s:]/, ""), this.startDate.isSame(this.endDate, "minute")) {
+              const [, M] = this.format.match(/(m+)/);
+              n = n.replace(M, this.startDate.format(M)), r = r.replace(/m+[-/\\\s:]/, "");
+            }
+          }
+        }
+      }
+      return n.replace(
+        r,
+        `(${this.startDate.format(r)} ~ ${this.endDate.format(r)})`
+      );
+    }
+    return `${this.startDate.format(this.format)} ~ ${this.endDate.format(this.format)}`;
+  }
+  toEmitValue() {
+    var e, a, r, d;
+    return [
+      this.dateMode === _.Date ? [(e = this.startDate) == null ? void 0 : e.valueOf(), (a = this.endDate) == null ? void 0 : a.valueOf()] : [...this.dateValue],
+      [
+        {
+          dayjs: this.startDate,
+          formatText: (r = this.startDate) == null ? void 0 : r.format(this.format)
+        },
+        {
+          dayjs: this.endDate,
+          formatText: (d = this.endDate) == null ? void 0 : d.format(this.format)
+        }
+      ]
+    ];
+  }
+  transformValue2Dayjs(e, a = "start") {
+    let r = A(e);
+    if (typeof e == "number" || A.isDayjs(e) || r.isValid())
+      return r;
+    const [, d, u, x] = e.match(ea) || [];
+    return a === "start" ? (this.startNum = Math.abs(+d), this.startUnit = u || x) : a === "end" && (this.endNum = Math.abs(+d), this.endUnit = u || x), d ? r = A().add(+d, u || x) : e === "now" && (r = A()), x && (r = a === "start" ? A(r.isValid() ? r : void 0).startOf(x) : A(r.isValid() ? r : void 0).endOf(x)), r;
+  }
+  updateDateValue(e) {
+    this.dateValue = e;
+    const [a, r] = e;
+    this.startDate = a ? this.transformValue2Dayjs(a) : null, this.endDate = r ? this.transformValue2Dayjs(r, "end") : null;
+  }
+  updateFormat(e) {
+    this.format = e;
+  }
+  get dateMode() {
+    const [e, a] = this.dateValue;
+    if (typeof e == "number" || typeof a == "number" || A.isDayjs(e) || A.isDayjs(a) || A(e).isValid() || A(a).isValid())
+      return _.Date;
+    if (e === "now" && ve.test(a))
+      return _.FUTURE;
+    if (a === "now" && he.test(e))
+      return _.RECENT;
+    if (se[this.dateValue.join("~")])
+      return _.NATURAL;
+    if (ma.test(e) && (ma.test(a) || a === "now")) {
+      const [, r, d, u] = e.match(ea) || [], [, x, c, n] = a.match(ea) || [];
+      if (u && (a === "now" || r && +x == -1 && d === u && c === n && d === c))
+        return _.NATURAL;
+    }
+    return _.Date;
+  }
+  get isValidate() {
+    var e, a;
+    return ((e = this.startDate) == null ? void 0 : e.isValid()) && ((a = this.endDate) == null ? void 0 : a.isValid());
+  }
+  get recentOrFuturedateNum() {
+    if (this.dateMode === _.RECENT)
+      return this.startNum;
+    if (this.dateMode === _.FUTURE)
+      return this.endNum;
+  }
+  get recentOrFuturedateUnit() {
+    return this.dateMode === _.RECENT ? this.startUnit : this.dateMode === _.FUTURE ? this.endUnit : "m";
+  }
+}
+const be = (i, e = "start") => {
+  let a = A(i);
+  if (typeof i == "number" || A.isDayjs(i) || a.isValid())
+    return a;
+  const [, r, d, u] = i.match(ea) || [];
+  return r ? a = A().add(+r, d || u || "d") : i === "now" && (a = A()), u && (a = e === "start" ? A(a.isValid() ? a : void 0).startOf(u) : A(a.isValid() ? a : void 0).endOf(u)), a.isValid() ? a : void 0;
+}, pe = (i) => {
+  const e = localStorage.getItem(i);
+  let a = [];
+  if (e)
+    try {
+      a = JSON.parse(e);
+    } catch {
+      a = [];
+    }
+  return Array.isArray(a) || (a = []), a;
+}, fe = (i, e) => {
+  let a = [];
+  const r = localStorage.getItem(e);
+  if (r)
+    try {
+      a = JSON.parse(r);
+    } catch {
+      a = [];
+    }
+  Array.isArray(a) || (a = []), !a.some((d) => d[0] === i[0] && d[1] === i[1]) && (a.unshift(i), localStorage.setItem(e, JSON.stringify(a.slice(0, 10))));
+}, Ae = { class: "common-panel-tab" }, ka = /* @__PURE__ */ F({
+  __name: "common-tab",
+  props: {
+    modelValue: {
+      required: !0,
+      type: String
+    },
+    /** panels */
+    panels: {
+      required: !0,
+      type: Array
+    }
+  },
+  setup(i) {
+    return (e, a) => (p(), D("div", Ae, [
+      w(t(xa), {
+        active: i.modelValue,
+        "onUpdate:active": a[0] || (a[0] = (r) => e.$emit("update:modelValue", r)),
+        type: "unborder-card"
+      }, {
+        default: P(() => [
+          (p(!0), D(
+            B,
+            null,
+            $(i.panels, (r) => (p(), N(t(xa).TabPanel, {
+              key: r.id,
+              label: r.name,
+              name: r.id
+            }, null, 8, ["label", "name"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["active"])
+    ]));
+  }
+});
+const ba = /* @__PURE__ */ F({
+  __name: "common-submit",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(i) {
+    return (e, a) => (p(), D(
+      B,
+      null,
+      [
+        w(t(va), {
+          disabled: e.disabled,
+          outline: !0,
+          onClick: a[0] || (a[0] = (r) => e.$emit("submit")),
+          class: "common-submit",
+          theme: "primary"
+        }, {
+          default: P(() => [
+            L(
+              I(t(l)("确定")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["disabled"]),
+        na("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+const ge = { class: "date-panel" }, xe = { class: "date-panel-title" }, Ie = { class: "date-panel-main" }, ke = { class: "date-header" }, _e = { class: "date-header-left" }, ye = { class: "date-header-center" }, we = /* @__PURE__ */ s(
+  "span",
+  { class: "date-split" },
+  null,
+  -1
+  /* HOISTED */
+), De = { class: "date-header-right" }, Me = { class: "date-content" }, ze = { class: "date-grid" }, Ee = ["onClick"], _a = 6, ra = 7, ya = /* @__PURE__ */ F({
+  __name: "date-panel",
+  props: {
+    format: { default: "YYYY-MM-DD HH:mm:ss" },
+    isNow: { type: Boolean },
+    minDate: {},
+    modelValue: {}
+  },
+  emits: ["update:isNow", "update:modelValue"],
+  setup(i, { emit: e }) {
+    const a = i, r = e, d = ca === "en" ? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] : ["日", "一", "二", "三", "四", "五", "六"], u = J([]), x = A(), c = J(a.modelValue || x);
+    sa(
+      c,
+      () => {
+        const v = c.value.startOf("month").startOf("week"), M = [];
+        for (let z = 0; z < _a * ra; z++)
+          M.push(v.add(z, "day"));
+        u.value = M;
+      },
+      {
+        immediate: !0
+      }
+    );
+    const n = (v) => {
+      c.value = c.value.add(v, "month");
+    }, o = (v) => {
+      c.value = c.value.add(v, "year");
+    }, h = (v) => {
+      a.minDate && v.isBefore(a.minDate, "day") || r("update:modelValue", v);
+    };
+    return (v, M) => (p(), D("div", ge, [
+      s("div", xe, [
+        L(
+          I(t(l)("结束时间")) + " ",
+          1
+          /* TEXT */
+        ),
+        w(t(Xa), {
+          "model-value": a.isNow,
+          "onUpdate:modelValue": M[0] || (M[0] = (z) => v.$emit("update:isNow", !z)),
+          class: "title-check",
+          size: "small"
+        }, {
+          default: P(() => [
+            L(" now ")
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["model-value"])
+      ]),
+      s("div", Ie, [
+        s("div", ke, [
+          s("div", _e, [
+            w(t(Ga), {
+              onClick: M[1] || (M[1] = (z) => o(-1)),
+              class: "hand-icon"
+            }),
+            w(t(Ea), {
+              onClick: M[2] || (M[2] = (z) => n(-1)),
+              class: "hand-icon"
+            })
+          ]),
+          s("div", ye, [
+            L(
+              I(c.value.year()),
+              1
+              /* TEXT */
+            ),
+            we,
+            L(
+              I(c.value.month() + 1),
+              1
+              /* TEXT */
+            )
+          ]),
+          s("div", De, [
+            w(t(Sa), {
+              onClick: M[3] || (M[3] = (z) => n(1)),
+              class: "hand-icon"
+            }),
+            w(t(Oa), {
+              onClick: M[4] || (M[4] = (z) => o(1)),
+              class: "hand-icon"
+            })
+          ])
+        ]),
+        s("div", Me, [
+          s("ul", ze, [
+            (p(!0), D(
+              B,
+              null,
+              $(t(d), (z, C) => (p(), D(
+                "li",
+                {
+                  key: C,
+                  class: "date-grid-item not-click"
+                },
+                I(z),
+                1
+                /* TEXT */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          (p(), D(
+            B,
+            null,
+            $(_a, (z) => s("ul", {
+              key: z,
+              class: "date-grid"
+            }, [
+              (p(!0), D(
+                B,
+                null,
+                $(u.value.slice((z - 1) * ra, (z - 1) * ra + ra), (C) => (p(), D("li", {
+                  class: ta([{
+                    "is-last-month": C.isBefore(c.value, "month"),
+                    "is-next-month": C.isAfter(c.value, "month"),
+                    "is-today": C.isSame(t(x), "day"),
+                    "is-disabled": v.minDate && C.isBefore(v.minDate, "day"),
+                    "is-selected": a.modelValue && C.isSame(a.modelValue, "day")
+                  }, "date-grid-item"]),
+                  key: C.unix(),
+                  onClick: za((U) => h(C), ["prevent"])
+                }, I(C.date()), 11, Ee))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])),
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])
+      ])
+    ]));
+  }
+});
+const Se = { class: "date-wrapper" }, Pe = { class: "date-input" }, Ce = { class: "date-picker" }, Te = /* @__PURE__ */ s(
+  "span",
+  { class: "date-picker-icon" },
+  [
+    /* @__PURE__ */ s("svg", {
+      class: "date-content-icon",
+      height: "14",
+      version: "1.1",
+      viewBox: "0 0 1024 1024",
+      width: "14",
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    }, [
+      /* @__PURE__ */ s("path", {
+        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",
+        xmlns: "http://www.w3.org/2000/svg"
+      })
+    ])
+  ],
+  -1
+  /* HOISTED */
+), Ve = ["placeholder", "value"], je = /* @__PURE__ */ s(
+  "span",
+  { class: "date-picker-split" },
+  "~",
+  -1
+  /* HOISTED */
+), Ye = ["placeholder", "value"], Be = { class: "show-format" }, Ne = { class: "date-format-wrapper" }, $e = { class: "content-title" }, Re = { class: "content-table" }, He = /* @__PURE__ */ F({
+  __name: "date-picker",
+  props: {
+    value: {}
+  },
+  emits: ["change"],
+  setup(i, { emit: e }) {
+    A.extend(wa);
+    const a = i, r = e, d = j(null), u = j(null), x = j(!1), c = j(!1), n = J(), o = J(), h = j(!1), { format: v } = Va(), M = A();
+    sa(
+      () => a.value,
+      (y) => {
+        if (y.dateMode !== _.Date)
+          return;
+        const { dateValue: g, endDate: k, startDate: V } = y, [, H] = g;
+        if (!(!(V != null && V.isValid()) && !(k != null && k.isValid()))) {
+          if (V != null && V.isValid()) {
+            const G = A(V, v.value);
+            n.value = G.isValid() ? G : V;
+          }
+          if (H === "now") {
+            h.value = !0, o.value = A();
+            return;
+          }
+          if (k != null && k.isValid()) {
+            const G = A(H, v.value);
+            o.value = G.isValid() ? G : k;
+          }
+        }
+      },
+      {
+        immediate: !0
+      }
+    );
+    const z = async (y, g) => {
+      var G, pa, fa;
+      const k = y.target.value.toString().trim();
+      if (!k || g === "end" && k === "now" && h.value)
+        return;
+      if (k === "now" && g === "end") {
+        h.value || (h.value = !0, b(A(), !1));
+        return;
+      }
+      const V = g === "start" ? n.value : o.value;
+      let H;
+      ea.test(k) && (H = be(k, g)), H || (H = A(k)), H.isValid() && (V != null && V.isSame(H) || (g === "start" ? f(H) : (h.value = k === "now", b(H, !!((G = n.value) != null && G.isSame(H)))))), y.target.value = g === "start" ? ((pa = n.value) == null ? void 0 : pa.format(v.value)) || "" : ((fa = o.value) == null ? void 0 : fa.format(v.value)) || "";
+    }, C = () => {
+      x.value = !0;
+    }, U = () => {
+      c.value = !0;
+    }, q = (y = 32) => {
+      setTimeout(() => x.value = !1, y);
+    }, R = (y = 32) => {
+      setTimeout(() => c.value = !1, y);
+    }, f = (y) => {
+      var g;
+      n.value = y, o.value || ((g = u.value) == null || g.focus(), U()), q();
+    }, b = (y, g = !0) => {
+      var k;
+      o.value = g ? A(y.endOf("day")) : y, h.value = g ? !1 : h.value, n.value || ((k = d.value) == null || k.focus(), C()), R();
+    }, m = () => {
+      h.value = !h.value, b(A(), !1), n.value && (x.value = !1);
+    }, S = () => {
+      n.value = void 0, o.value = void 0, h.value = !1, q(), R();
+    }, E = () => {
+      var y, g;
+      n.value && o.value && r("change", [
+        ((y = n.value) == null ? void 0 : y.format(v.value)) || "",
+        h.value ? "now" : ((g = o.value) == null ? void 0 : g.format(v.value)) || ""
+      ]);
+    }, T = (y) => {
+      var g;
+      x.value && ((g = document.querySelector(".__date-picker-popover-start__")) != null && g.contains(y.target) || q());
+    }, Y = (y) => {
+      var g;
+      c.value && ((g = document.querySelector(".__date-picker-popover-end__")) != null && g.contains(y.target) || R());
+    };
+    return (y, g) => (p(), D("div", Se, [
+      s("div", Pe, [
+        s("div", Ce, [
+          Te,
+          w(t(aa), {
+            arrow: !1,
+            "is-show": x.value,
+            boundary: "parent",
+            "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-start__",
+            placement: "bottom-start",
+            theme: "light",
+            trigger: "manual"
+          }, {
+            content: P(() => [
+              w(ya, {
+                format: t(v),
+                "is-now": h.value,
+                "model-value": n.value,
+                "onUpdate:isNow": m,
+                "onUpdate:modelValue": f,
+                key: "start"
+              }, null, 8, ["format", "is-now", "model-value"])
+            ]),
+            default: P(() => {
+              var k;
+              return [
+                ia(s("input", {
+                  placeholder: t(l)("开始时间"),
+                  value: (k = n.value) == null ? void 0 : k.format(t(v)),
+                  onBlur: g[0] || (g[0] = (V) => z(V, "start")),
+                  onClick: C,
+                  onKeypress: g[1] || (g[1] = Aa((V) => z(V, "start"), ["enter"])),
+                  class: "date-picker-start",
+                  ref_key: "startInput",
+                  ref: d,
+                  spellcheck: "false"
+                }, null, 40, Ve), [
+                  [t(ua), T]
+                ])
+              ];
+            }),
+            _: 1
+            /* STABLE */
+          }, 8, ["is-show"]),
+          je,
+          w(t(aa), {
+            arrow: !1,
+            "is-show": c.value,
+            boundary: "parent",
+            "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-end__",
+            placement: "bottom-start",
+            theme: "light",
+            trigger: "manual"
+          }, {
+            content: P(() => [
+              w(ya, {
+                format: t(v),
+                "is-now": h.value,
+                "min-date": n.value,
+                "model-value": o.value,
+                "onUpdate:isNow": m,
+                "onUpdate:modelValue": b,
+                key: "end"
+              }, null, 8, ["format", "is-now", "min-date", "model-value"])
+            ]),
+            default: P(() => {
+              var k;
+              return [
+                ia(s("input", {
+                  placeholder: t(l)("结束时间"),
+                  value: h.value ? "now" : (k = o.value) == null ? void 0 : k.format(t(v)),
+                  onBlur: g[2] || (g[2] = (V) => z(V, "end")),
+                  onClick: U,
+                  onKeypress: g[3] || (g[3] = Aa((V) => z(V, "end"), ["enter"])),
+                  class: "date-picker-end",
+                  ref_key: "endInput",
+                  ref: u
+                }, null, 40, Ye), [
+                  [t(ua), Y]
+                ])
+              ];
+            }),
+            _: 1
+            /* STABLE */
+          }, 8, ["is-show"]),
+          n.value || o.value ? (p(), N(t(Ja), {
+            key: 0,
+            onClick: S,
+            class: "date-picker-clear"
+          })) : na("v-if", !0)
+        ]),
+        w(ba, {
+          disabled: !(n.value && o.value),
+          onSubmit: E
+        }, null, 8, ["disabled"])
+      ]),
+      s("div", Be, [
+        L(
+          I(t(l)("支持多种时间格式自动转换")) + " ",
+          1
+          /* TEXT */
+        ),
+        w(t(aa), {
+          trigger: "click",
+          placement: "bottom",
+          theme: "light"
+        }, {
+          content: P(() => [
+            s("div", Ne, [
+              s(
+                "div",
+                $e,
+                I(t(l)("时间格式支持")),
+                1
+                /* TEXT */
+              ),
+              s("table", Re, [
+                s("thead", null, [
+                  s("tr", null, [
+                    s(
+                      "th",
+                      null,
+                      I(t(l)("格式")),
+                      1
+                      /* TEXT */
+                    ),
+                    s(
+                      "th",
+                      null,
+                      I(t(l)("示例")),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ]),
+                s("tbody", null, [
+                  (p(!0), D(
+                    B,
+                    null,
+                    $(t(ce), (k) => (p(), D("tr", { key: k }, [
+                      s(
+                        "td",
+                        null,
+                        I(k),
+                        1
+                        /* TEXT */
+                      ),
+                      s(
+                        "td",
+                        null,
+                        I(t(M).format(k)),
+                        1
+                        /* TEXT */
+                      )
+                    ]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])
+            ])
+          ]),
+          default: P(() => [
+            w(t(va), {
+              class: "format-button",
+              text: "",
+              theme: "primary"
+            }, {
+              default: P(() => [
+                L(
+                  I(t(l)("查看支持格式")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ])
+    ]));
+  }
+});
+const Le = { class: "natural-picker" }, Ue = ["onClick"], Ke = "__", qe = /* @__PURE__ */ F({
+  __name: "natural-picker",
+  props: {
+    value: {}
+  },
+  emits: ["change"],
+  setup(i, { emit: e }) {
+    const a = e, r = i, d = j(), u = J(da.slice()), x = j(Ia[0].id), c = j(""), n = j(), o = j(u.value[0]);
+    sa(
+      () => r.value,
+      (f) => {
+        if (!f || f.dateMode !== _.NATURAL)
+          return;
+        const [b, m] = f.dateValue;
+        if (A.isDayjs(b) || A.isDayjs(m))
+          return;
+        const { startNum: S, startUnit: E } = f;
+        x.value = m === "now" ? la.NOW : la.ALL;
+        const T = da.find((Y) => Y.id === b && Y.type === X.default);
+        if (m !== "now" && b !== m && T || !T) {
+          const Y = `${`${l("前")} ${S} ${l(
+            Z[E]
+          )}`}`;
+          u.value.unshift({
+            id: b,
+            name: Y,
+            type: X.custom
+          }), [o.value] = u.value;
+          return;
+        }
+        T && (o.value = T);
       },
-      { 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"
+        immediate: !0
+      }
+    );
+    const h = (f) => `${f.id}${Ke}${f.type}`, v = (f) => {
+      const b = f.id;
+      if (x.value === la.ALL) {
+        const [, m, S, E] = b.match(ma) || [];
+        return +m > 1 ? +m == 2 && S === "d" ? [b, b] : [b, `now-1${S}/${E}`] : [b, b];
+      }
+      return [b, "now"];
+    }, M = (f) => {
+      var b;
+      if (f.type === X.edit) {
+        n.value = "", c.value = f.id, setTimeout(() => {
+          var m, S;
+          (S = (m = d.value) == null ? void 0 : m.inputRef) == null || S.focus();
+        }, 20);
+        return;
+      }
+      o.value = f, c.value = "", (b = d.value) == null || b.hidePopover();
+    }, z = (f) => {
+      x.value = f;
+    }, C = (f, b) => {
+      var E, T;
+      c.value = "";
+      const m = `now-${+f}${b.unit}/${b.unit}`, S = u.value.find((Y) => Y.id === m);
+      if (S) {
+        o.value = S, (E = d.value) == null || E.hidePopover();
+        return;
+      }
+      u.value.unshift({
+        id: m,
+        name: b.name.replace("N", f.toString()),
+        type: X.custom
+      }), [o.value] = u.value, (T = d.value) == null || T.hidePopover();
+    }, U = (f, b) => {
+      const m = f.target.value;
+      !m || !c.value || C(+m, b);
+    }, q = (f, b, m) => {
+      f.key !== "Enter" || !c.value || C(b, m);
+    }, R = () => {
+      a("change", v(o.value));
+    };
+    return (f, b) => (p(), D("div", Le, [
+      w(t(K), {
+        clearable: !1,
+        "input-search": !1,
+        "model-value": h(o.value),
+        "no-match-text": t(l)("无匹配数据"),
+        "popover-options": { boundary: "parent" },
+        prefix: t(l)("自然日期"),
+        "search-placeholder": t(l)("请输入"),
+        filterable: "",
+        ref_key: "naturalSelectRef",
+        ref: d
+      }, {
+        default: P(() => [
+          (p(!0), D(
+            B,
+            null,
+            $(u.value, (m) => (p(), N(t(K).Option, {
+              id: h(m),
+              key: h(m),
+              name: m.name
+            }, {
+              default: P(() => [
+                s("div", {
+                  onClick: b[1] || (b[1] = za(() => {
+                  }, ["prevent", "stop"])),
+                  style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
+                }, [
+                  c.value === m.id ? (p(), N(t(Pa), {
+                    key: 0,
+                    autofocus: !0,
+                    clearable: !1,
+                    placeholder: t(l)("请输入"),
+                    prefix: m.prefix,
+                    "show-control": !1,
+                    suffix: m.suffix,
+                    onBlur: (S) => U(S, m),
+                    onKeypress: (S, E) => q(E, S, m),
+                    size: "small",
+                    style: { width: "100%" },
+                    type: "number",
+                    modelValue: n.value,
+                    "onUpdate:modelValue": b[0] || (b[0] = (S) => n.value = S)
+                  }, null, 8, ["placeholder", "prefix", "suffix", "onBlur", "onKeypress", "modelValue"])) : (p(), D("div", {
+                    key: 1,
+                    onClick: (S) => M(m),
+                    style: { width: "100%" }
+                  }, I(m.name), 9, Ue))
+                ])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["id", "name"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["model-value", "no-match-text", "prefix", "search-placeholder"]),
+      w(t(K), {
+        clearable: !1,
+        "model-value": x.value,
+        "popover-options": { boundary: "parent" },
+        onChange: z,
+        class: "natural-unit"
+      }, {
+        default: P(() => [
+          (p(!0), D(
+            B,
+            null,
+            $(t(Ia), (m) => (p(), N(t(K).Option, {
+              id: m.id,
+              key: m.id,
+              name: m.name
+            }, null, 8, ["id", "name"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["model-value"]),
+      w(ba, { onSubmit: R })
+    ]));
+  }
+});
+const Fe = { class: "recent-picker" }, Ge = /* @__PURE__ */ F({
+  __name: "recent-picker",
+  props: {
+    type: { default: _.RECENT },
+    value: {}
+  },
+  emits: ["change"],
+  setup(i, { emit: e }) {
+    const a = e, r = i, d = j("m"), u = j();
+    sa(
+      () => r.value,
+      (n) => {
+        n && r.type === n.dateMode && (d.value = n.recentOrFuturedateUnit, u.value = n.recentOrFuturedateNum || void 0);
       },
       {
-        label: "Pacific/Wallis",
-        searchIndex: "pacific/wallis||utc+12:00|wallis and futuna|wf",
-        value: "Pacific/Wallis"
+        immediate: !0
       }
-    ]
+    );
+    const x = W(() => !!u.value && !!d.value), c = () => {
+      if (u.value) {
+        if (r.type === _.FUTURE) {
+          a("change", ["now", `${_.FUTURE}${u.value}${d.value}`]);
+          return;
+        }
+        a("change", [`${_.RECENT}${u.value}${d.value}`, "now"]);
+      }
+    };
+    return (n, o) => (p(), D("div", Fe, [
+      w(t(Pa), {
+        placeholder: t(l)("请输入"),
+        prefix: n.type === "now-" ? t(l)("最近") : t(l)("将来"),
+        type: "number",
+        modelValue: u.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (h) => u.value = h)
+      }, {
+        suffix: P(() => [
+          w(t(K), {
+            clearable: !1,
+            "popover-options": { boundary: "parent" },
+            class: "recent-unit",
+            filterable: "",
+            modelValue: d.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (h) => d.value = h)
+          }, {
+            default: P(() => [
+              (p(!0), D(
+                B,
+                null,
+                $(t(Ca), (h) => (p(), N(t(K).Option, {
+                  id: h.id,
+                  key: h.id,
+                  name: h.name
+                }, null, 8, ["id", "name"]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["placeholder", "prefix", "modelValue"]),
+      w(ba, {
+        disabled: !x.value,
+        onSubmit: c
+      }, null, 8, ["disabled"])
+    ]));
   }
-], Le = () => {
-  const i = p.tz.guess(), e = [], a = Re.map((o) => ({
-    label: o.label,
-    options: o.options.map((l) => {
-      const r = {
-        ...l,
-        ...Ke(l.searchIndex)
-      };
-      return l.value === i && e.push({
-        ...l,
-        ...r,
-        label: r.label
-      }), r;
-    })
-  }));
-  return a.unshift({
-    label: "",
-    options: e
-  }), a;
-}, Ke = (i) => {
-  const e = i.split("|");
-  return {
-    abbreviation: e[1].toLocaleUpperCase(),
-    country: (e[3] || "").replace(/(\b\w)/g, (a) => a.toLocaleUpperCase()),
-    countryCode: e[4] || "",
-    utc: e[2].toLocaleUpperCase()
-  };
-}, ja = Le(), Na = (i) => ja.reduce((e, a) => (e == null ? void 0 : e.label) === i ? e : a.options.find((o) => o.label === i), {}), Ue = { class: "option-name" }, qe = { class: "option-country" }, Fe = { class: "option-utc" }, Ge = { class: "option-name" }, Oe = { class: "option-country" }, Je = { class: "option-utc" }, We = /* @__PURE__ */ G({
+});
+const Oe = { class: "option-name" }, Je = { class: "option-country" }, We = { class: "option-utc" }, Ze = { class: "option-name" }, Qe = { class: "option-country" }, Xe = { class: "option-utc" }, at = /* @__PURE__ */ F({
   __name: "timezone-picker",
   props: {
     value: {}
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const a = e, o = W(ja), l = (r) => {
-      const y = Na(r);
-      a("change", r, y);
+    const a = e, r = J(ja), d = (u) => {
+      const x = Ya(u);
+      a("change", u, x);
     };
-    return (r, y) => (f(), R(t(F), {
-      "model-value": r.value,
-      class: "timezone-picker",
-      filterable: "",
-      "input-search": "",
+    return (u, x) => (p(), N(t(K), {
       clearable: !1,
-      placeholder: t(s)("请输入搜索（国家，城市，简称）"),
-      "no-match-text": t(s)("无匹配数据"),
+      "model-value": u.value,
+      "no-match-text": t(l)("无匹配数据"),
+      placeholder: t(l)("请输入搜索（国家，城市，简称）"),
       "popover-options": { "ext-cls": "__bk-date-picker-popover__" },
-      onChange: l
+      onChange: d,
+      class: "timezone-picker",
+      filterable: "",
+      "input-search": ""
     }, {
-      default: C(() => [
-        (f(!0), z(
-          j,
+      default: P(() => [
+        (p(!0), D(
+          B,
           null,
-          L(o.value, (m) => (f(), z(
-            j,
+          $(r.value, (c) => (p(), D(
+            B,
             null,
             [
-              m.label.length < 1 ? (f(!0), z(
-                j,
+              c.label.length < 1 ? (p(!0), D(
+                B,
                 { key: 0 },
-                L(m.options, (c) => (f(), R(t(F).Option, {
-                  id: c.label,
-                  name: c.label,
-                  key: c.label
+                $(c.options, (n) => (p(), N(t(K).Option, {
+                  id: n.label,
+                  key: n.label,
+                  name: n.label
                 }, {
-                  default: C(() => [
-                    u(
+                  default: P(() => [
+                    s(
                       "div",
                       {
-                        class: ea({
+                        class: ta({
                           "timezone-picker-option": !0,
-                          "is-selected": c.label === r.value
+                          "is-selected": n.label === u.value
                         })
                       },
                       [
-                        u(
+                        s(
                           "span",
-                          Ue,
-                          k(t(s)("浏览器时间")) + " " + k(c.label),
+                          Oe,
+                          I(t(l)("浏览器时间")) + " " + I(n.label),
                           1
                           /* TEXT */
                         ),
-                        u(
+                        s(
                           "span",
-                          qe,
-                          k(c.country) + ", " + k(c.abbreviation),
+                          Je,
+                          I(n.country) + ", " + I(n.abbreviation),
                           1
                           /* TEXT */
                         ),
-                        u(
+                        s(
                           "span",
-                          Fe,
-                          k(c.utc),
+                          We,
+                          I(n.utc),
                           1
                           /* TEXT */
                         )
@@ -2541,51 +2607,51 @@ const Re = [
                 }, 1032, ["id", "name"]))),
                 128
                 /* KEYED_FRAGMENT */
-              )) : (f(), z(
-                j,
+              )) : (p(), D(
+                B,
                 { key: 1 },
                 [
-                  m.options.length ? (f(), R(t(F).Group, {
-                    key: m.label,
-                    label: m.label
+                  c.options.length ? (p(), N(t(K).Group, {
+                    key: c.label,
+                    label: c.label
                   }, {
-                    default: C(() => [
-                      (f(!0), z(
-                        j,
+                    default: P(() => [
+                      (p(!0), D(
+                        B,
                         null,
-                        L(m.options, (c) => (f(), R(t(F).Option, {
-                          id: c.label,
-                          name: c.label,
-                          key: c.label
+                        $(c.options, (n) => (p(), N(t(K).Option, {
+                          id: n.label,
+                          key: n.label,
+                          name: n.label
                         }, {
-                          default: C(() => [
-                            u(
+                          default: P(() => [
+                            s(
                               "div",
                               {
-                                class: ea({
+                                class: ta({
                                   "timezone-picker-option": !0,
-                                  "is-selected": c.label === r.value
+                                  "is-selected": n.label === u.value
                                 })
                               },
                               [
-                                u(
+                                s(
                                   "span",
-                                  Ge,
-                                  k(c.label),
+                                  Ze,
+                                  I(n.label),
                                   1
                                   /* TEXT */
                                 ),
-                                u(
+                                s(
                                   "span",
-                                  Oe,
-                                  k(c.country) + ", " + k(c.abbreviation),
+                                  Qe,
+                                  I(n.country) + ", " + I(n.abbreviation),
                                   1
                                   /* TEXT */
                                 ),
-                                u(
+                                s(
                                   "span",
-                                  Je,
-                                  k(c.utc),
+                                  Xe,
+                                  I(n.utc),
                                   1
                                   /* TEXT */
                                 )
@@ -2603,7 +2669,7 @@ const Re = [
                     ]),
                     _: 2
                     /* DYNAMIC */
-                  }, 1032, ["label"])) : la("v-if", !0)
+                  }, 1032, ["label"])) : na("v-if", !0)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -2618,22 +2684,22 @@ const Re = [
       ]),
       _: 1
       /* STABLE */
-    }, 8, ["model-value", "placeholder", "no-match-text"]));
+    }, 8, ["model-value", "no-match-text", "placeholder"]));
   }
 });
-const Ze = { class: "panel-wrapper" }, Qe = { class: "common-date-list" }, Xe = ["onClick"], ai = { class: "common-wrapper" }, ei = { class: "empty-tips" }, ii = {
+const et = { class: "panel-wrapper" }, tt = { class: "common-date-list" }, it = ["onClick"], nt = { class: "common-wrapper" }, rt = { class: "empty-tips" }, lt = {
   key: 0,
   class: "time-zone-panel"
-}, ti = { class: "time-zone" }, ni = { class: "time-zone-area" }, ri = { class: "time-zone-tag" }, li = { class: "time-zone-picker" }, ci = /* @__PURE__ */ G({
+}, ct = { class: "time-zone" }, st = { class: "time-zone-area" }, ut = { class: "time-zone-tag" }, ot = { class: "time-zone-picker" }, dt = /* @__PURE__ */ F({
   __name: "panel-wrapper",
   props: {
-    defaultValue: {},
+    defaultDate: {},
     needTimezone: { type: Boolean },
     timezone: {}
   },
   emits: ["change", "update:timezone"],
   setup(i, { emit: e }) {
-    const a = i, { format: o, storeKey: l, timezoneInfo: r } = Ya(), y = e, m = B(!1), c = [
+    const a = i, { format: r, storeKey: d, timezoneInfo: u } = Va(), x = e, c = j(!1), n = [
       ["now-5m", "now"],
       ["now-15m", "now"],
       ["now-30m", "now"],
@@ -2657,61 +2723,61 @@ const Ze = { class: "panel-wrapper" }, Qe = { class: "common-date-list" }, Xe =
       ["now/M", "now"],
       ["now-1M/M", "now-1M/M"],
       ["now-1M/M", "now"]
-    ], n = B("common"), h = B(ha(a.defaultValue)), d = B(a.defaultValue), b = p.tz.guess(), g = Z(() => ue(l.value)), P = Z(() => n.value === "common" ? c : g.value), $ = (A) => {
-      d.value = A, y("change", A);
-    }, N = () => {
+    ], o = j("common"), h = j(a.defaultDate.dateMode), v = A.tz.guess(), M = W(() => pe(d.value)), z = W(() => (o.value === "common" ? n : M.value).map((f) => new ha(f, r.value))), C = (f) => {
+      x("change", f);
+    }, U = () => {
       switch (h.value) {
-        case D.RECENT:
-        case D.FUTURE:
-          return He;
-        case D.NATURAL:
-          return je;
-        case D.Date:
+        case _.RECENT:
+        case _.FUTURE:
+          return Ge;
+        case _.NATURAL:
+          return qe;
+        case _.Date:
         default:
-          return Ve;
+          return He;
       }
-    }, K = () => {
-      m.value = !m.value;
-    }, E = (A, v) => {
-      y("update:timezone", A, v);
+    }, q = () => {
+      c.value = !c.value;
+    }, R = (f, b) => {
+      x("update:timezone", f, b);
     };
-    return (A, v) => (f(), z("div", Ze, [
-      M(_a, {
-        modelValue: n.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (S) => n.value = S),
-        panels: t(ie)
-      }, null, 8, ["modelValue", "panels"]),
-      u("div", null, [
-        u("ul", Qe, [
-          (f(!0), z(
-            j,
+    return (f, b) => (p(), D("div", et, [
+      w(ka, {
+        panels: t(ie),
+        modelValue: o.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (m) => o.value = m)
+      }, null, 8, ["panels", "modelValue"]),
+      s("div", null, [
+        s("ul", tt, [
+          (p(!0), D(
+            B,
             null,
-            L(P.value, (S, _) => (f(), z("li", {
-              class: ea({
+            $(z.value, (m, S) => (p(), D("li", {
+              class: ta({
                 "list-item": !0,
-                "is-recent-item": n.value === "recent"
+                "is-recent-item": o.value === "recent"
               }),
-              key: _,
-              onClick: (V) => $(S)
-            }, k(t($a)(S, t(o))), 11, Xe))),
+              key: S,
+              onClick: (E) => C(m.dateValue)
+            }, I(m.toDisplayString()), 11, it))),
             128
             /* KEYED_FRAGMENT */
           ))
         ])
       ]),
-      ia(u(
+      ia(s(
         "div",
-        ai,
+        nt,
         [
-          M(t(Xa), {
-            type: "empty",
+          w(t(Qa), {
+            class: "empty-content",
             scene: "part",
-            class: "empty-content"
+            type: "empty"
           }),
-          u(
+          s(
             "div",
-            ei,
-            k(t(s)("暂无最近使用记录")),
+            rt,
+            I(t(l)("暂无最近使用记录")),
             1
             /* TEXT */
           )
@@ -2719,64 +2785,64 @@ const Ze = { class: "panel-wrapper" }, Qe = { class: "common-date-list" }, Xe =
         512
         /* NEED_PATCH */
       ), [
-        [fa, P.value.length < 1]
+        [ga, z.value.length < 1]
       ]),
-      M(_a, {
+      w(ka, {
+        panels: t(ne),
         class: "date-pick-tab",
         modelValue: h.value,
-        "onUpdate:modelValue": v[1] || (v[1] = (S) => h.value = S),
-        panels: t(te)
-      }, null, 8, ["modelValue", "panels"]),
-      (f(), R(
-        Ka,
+        "onUpdate:modelValue": b[1] || (b[1] = (m) => h.value = m)
+      }, null, 8, ["panels", "modelValue"]),
+      (p(), N(
+        La,
         null,
         [
-          (f(), R(Ua(N()), {
+          (p(), N(Ua(U()), {
             key: h.value,
             type: h.value,
-            value: d.value,
-            onChange: $
+            value: f.defaultDate,
+            onChange: C
           }, null, 40, ["type", "value"]))
         ],
         1024
         /* DYNAMIC_SLOTS */
       )),
-      A.needTimezone ? (f(), z("div", ii, [
-        U(
-          k(t(r).label === t(b) ? t(s)("浏览器时间") : "") + " ",
+      f.needTimezone ? (p(), D("div", lt, [
+        L(
+          I(t(u).label === t(v) ? t(l)("浏览器时间") : "") + " ",
           1
           /* TEXT */
         ),
-        u("span", ti, [
-          U(
-            k(t(r).label) + " ",
+        s("span", ct, [
+          L(
+            I(t(u).label) + " ",
             1
             /* TEXT */
           ),
-          u(
+          s(
             "span",
-            ni,
-            k(t(r).country) + ", " + k(t(r).abbreviation),
+            st,
+            I(t(u).country) + ", " + I(t(u).abbreviation),
             1
             /* TEXT */
           )
         ]),
-        u(
+        s(
           "span",
-          ri,
-          k(t(r).utc),
+          ut,
+          I(t(u).utc),
           1
           /* TEXT */
         ),
-        M(t(ma), {
-          theme: "primary",
-          size: "small",
+        w(t(va), {
           text: !0,
-          onClick: K
+          onClick: q,
+          size: "small",
+          theme: "primary"
         }, {
-          default: C(() => [
-            U(
-              k(t(s)("时区设置")),
+          default: P(() => [
+            L(
+              I(t(l)("时区设置")),
               1
               /* TEXT */
             )
@@ -2784,51 +2850,51 @@ const Ze = { class: "panel-wrapper" }, Qe = { class: "common-date-list" }, Xe =
           _: 1
           /* STABLE */
         })
-      ])) : la("v-if", !0),
-      ia(u(
+      ])) : na("v-if", !0),
+      ia(s(
         "div",
-        li,
+        ot,
         [
-          M(We, {
-            value: A.timezone || t(b),
-            onChange: E
+          w(at, {
+            value: f.timezone || t(v),
+            onChange: R
           }, null, 8, ["value"])
         ],
         512
         /* NEED_PATCH */
       ), [
-        [fa, m.value]
+        [ga, c.value]
       ])
     ]));
   }
 });
-const si = /* @__PURE__ */ u(
+const mt = /* @__PURE__ */ s(
   "svg",
   {
     class: "date-content-icon",
-    viewBox: "0 0 1024 1024",
+    height: "14",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "xmlns:xlink": "http://www.w3.org/1999/xlink",
+    viewBox: "0 0 1024 1024",
     width: "14",
-    height: "14"
+    xmlns: "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
   },
   [
-    /* @__PURE__ */ u("path", {
+    /* @__PURE__ */ s("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__ */ u("path", {
+    /* @__PURE__ */ s("path", {
       d: "M816.064 544 432.064 544 432.064 160 496.064 160 496.064 480 816.064 480Z",
       fill: "#979BA5"
     })
   ],
   -1
   /* HOISTED */
-), ui = {
+), ht = {
   key: 0,
   class: "date-content-utc"
-}, oi = { class: "date-tooltips-timezone" }, $i = /* @__PURE__ */ G({
+}, vt = { class: "date-tooltips-timezone" }, Lt = /* @__PURE__ */ F({
   name: "DatePicker",
   __name: "date-picker",
   props: {
@@ -2836,185 +2902,185 @@ const si = /* @__PURE__ */ u(
     disabled: { type: Boolean },
     format: { default: "YYYY-MM-DD HH:mm:ss" },
     modelValue: {},
-    needTimezone: { type: Boolean, default: !1 },
+    needTimezone: { type: Boolean, default: !0 },
     timezone: {},
     version: { default: "1.0" }
   },
   emits: ["update:modelValue", "update:timezone"],
   setup(i, { expose: e, emit: a }) {
-    p.locale({
-      ...ta === "en" ? Za : Qa,
+    A.locale({
+      ...ca === "en" ? Wa : Za,
       weekStart: 1
-    }), Ga({
+    }), Fa({
       prefix: "bk"
     });
-    const o = i, l = a, r = B(), y = B(), m = Z(() => o.format), c = Z(() => Na(o.timezone || p.tz.guess())), n = W(ka(o.modelValue)), h = Z(() => re(o.version)), d = B(!1), b = B(!1);
-    ce({
-      format: m,
+    const r = i, d = a, u = j(), x = j(), c = W(() => r.format), n = W(() => Ya(r.timezone || A.tz.guess())), o = J(new ha(r.modelValue, r.format)), h = W(() => le(r.version)), v = j(!1), M = j(!1);
+    ue({
+      format: c,
       storeKey: h,
-      t: s,
-      timezoneInfo: c
-    }), qa(() => {
-      b.value = !1, d.value = !1;
+      t: l,
+      timezoneInfo: n
+    }), Ka(() => {
+      M.value = !1, v.value = !1;
     });
-    const g = () => {
-      b.value = !0;
-    }, P = () => {
+    const z = () => {
+      M.value = !0;
+    }, C = () => {
       setTimeout(() => {
-        b.value = !1;
+        M.value = !1;
       }, 100);
-    }, $ = (_) => {
-      var V;
-      d.value = !1, n.value = ka(_), l("update:modelValue", _, (V = n.value) == null ? void 0 : V.map((T) => ({
-        dayjs: T,
-        formatText: T.format(m.value),
-        unix: T.unix()
-      }))), _ && oe(_, h.value);
-    }, N = (_, V) => {
-      l("update:timezone", _, { ...V }), K();
-    }, K = () => {
-      d.value = !1;
-    }, E = (_) => {
-      var w;
-      if (((w = n.value) == null ? void 0 : w.length) < 2)
+    }, U = (E) => {
+      v.value = !1, o.value = new ha(E, c.value);
+      const T = o.value.toEmitValue();
+      d(
+        "update:modelValue",
+        ...T
+      ), o.value.isValidate && fe(E, h.value);
+    }, q = (E, T) => {
+      d("update:timezone", E, { ...T }), R();
+    }, R = () => {
+      v.value = !1;
+    }, f = (E) => {
+      var k;
+      if (((k = o.value.dateValue) == null ? void 0 : k.length) < 2)
         return;
-      const [V, T] = n.value;
-      let x = T.diff(V);
-      const I = 24 * 60 * 60 * 1e3;
-      x % I === I - 1e3 && (x += 1e3), n.value = _ === "left" ? [V.subtract(x), T.subtract(x)] : [V.add(x), T.add(x)], $(n.value.map((Y) => Y.format(m.value)));
-    }, A = () => {
-      E("left");
-    }, v = () => {
-      E("right");
-    }, S = (_) => {
-      d.value && (Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some((V) => V.contains(_.target)) || K());
+      const { endDate: T, startDate: Y } = o.value, y = o.value.dateDuration(), g = E === "left" ? [Y.subtract(y).format(c.value), T.subtract(y).format(c.value)] : [Y.add(y).format(c.value), T.add(y).format(c.value)];
+      U(g);
+    }, b = () => {
+      f("left");
+    }, m = () => {
+      f("right");
+    }, S = (E) => {
+      v.value && (Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some(
+        (T) => T.contains(E.target)
+      ) || R());
     };
     return e({
       handleHidePanel: () => {
-        d.value = !1;
+        v.value = !1;
       },
       handleShowPanel: () => {
-        d.value = !0;
+        v.value = !0;
       }
-    }), (_, V) => (f(), z(
+    }), (E, T) => (p(), D(
       "div",
       {
-        class: ea({
+        class: ta({
           __bk_date_picker__: !0,
-          "is-simplicity": _.behavior === "simplicity",
-          "is-disabled": _.disabled
+          "is-simplicity": E.behavior === "simplicity",
+          "is-disabled": E.disabled
         })
       },
       [
-        u("span", {
-          class: "date-icon",
-          onClick: A
+        s("span", {
+          onClick: b,
+          class: "date-icon"
         }, [
-          M(t(Pa), { class: "date-icon-left" })
+          w(t(Ea), { class: "date-icon-left" })
         ]),
-        M(t(aa), {
-          trigger: "manual",
-          "is-show": d.value,
-          placement: "bottom-start",
-          theme: "light",
+        w(t(aa), {
           arrow: !1,
-          "ext-cls": "bk-date-picker-popover __bk-date-picker-popover__",
+          "is-show": v.value,
           offset: { mainAxis: 10, crossAxis: 10, alignmentAxis: -32 },
-          onAfterHidden: K
+          onAfterHidden: R,
+          "ext-cls": "bk-date-picker-popover __bk-date-picker-popover__",
+          placement: "bottom-start",
+          theme: "light",
+          trigger: "manual"
         }, {
-          content: C(() => [
-            M(ci, {
-              "default-value": _.modelValue,
-              timezone: _.timezone,
-              "need-timezone": _.needTimezone,
-              onChange: $,
-              "onUpdate:timezone": N
-            }, null, 8, ["default-value", "timezone", "need-timezone"])
+          content: P(() => [
+            w(dt, {
+              "default-date": o.value,
+              "need-timezone": E.needTimezone,
+              timezone: E.timezone,
+              onChange: U,
+              "onUpdate:timezone": q
+            }, null, 8, ["default-date", "need-timezone", "timezone"])
           ]),
-          default: C(() => {
-            var T;
+          default: P(() => {
+            var Y;
             return [
-              ia((f(), z(
+              ia((p(), D(
                 "span",
                 {
+                  onClick: T[0] || (T[0] = (y) => v.value = !v.value),
+                  onMouseenter: z,
+                  onMouseleave: C,
                   class: "date-content",
-                  onClick: V[0] || (V[0] = (x) => d.value = !d.value),
                   ref_key: "dateContentRef",
-                  ref: y,
-                  onMouseenter: g,
-                  onMouseleave: P
+                  ref: x
                 },
                 [
-                  si,
-                  u(
+                  mt,
+                  s(
                     "span",
                     null,
-                    k(t($a)(_.modelValue, m.value)),
+                    I(o.value.toDisplayString()),
                     1
                     /* TEXT */
                   ),
-                  _.needTimezone ? (f(), z(
+                  E.needTimezone ? (p(), D(
                     "span",
-                    ui,
-                    k(c.value.abbreviation || ((T = c.value.utc) == null ? void 0 : T.replace("UTC", "").replace(":00", ""))),
+                    ht,
+                    I(n.value.abbreviation || ((Y = n.value.utc) == null ? void 0 : Y.replace("UTC", "").replace(":00", ""))),
                     1
                     /* TEXT */
-                  )) : la("v-if", !0)
+                  )) : na("v-if", !0)
                 ],
                 32
                 /* HYDRATE_EVENTS */
               )), [
-                [t(da), S]
+                [t(ua), S]
               ])
             ];
           }),
           _: 1
           /* STABLE */
         }, 8, ["is-show"]),
-        u("span", {
-          class: "date-icon",
-          onClick: v
+        s("span", {
+          onClick: m,
+          class: "date-icon"
         }, [
-          M(t(Da), { class: "date-icon-right" })
+          w(t(Sa), { class: "date-icon-right" })
         ]),
-        M(t(aa), {
-          "is-show": b.value,
-          trigger: "manual",
-          target: y.value,
+        w(t(aa), {
+          "is-show": M.value,
           offset: 12,
-          placement: "top"
+          target: x.value,
+          placement: "top",
+          trigger: "manual"
         }, {
-          content: C(() => {
-            var T, x, I, w;
+          content: P(() => {
+            var Y, y, g, k;
             return [
-              u(
+              s(
                 "div",
                 {
-                  ref_key: "dateTooltipsRef",
-                  ref: r,
+                  style: qa({ maxWidth: t(ca) === "en" ? "180px" : "156px" }),
                   class: "__date-tooltips__",
-                  style: Fa({ maxWidth: t(ta) === "en" ? "180px" : "156px" })
+                  ref_key: "dateTooltipsRef",
+                  ref: u
                 },
                 [
-                  u(
+                  s(
                     "div",
                     null,
-                    k((x = (T = n.value) == null ? void 0 : T[0]) == null ? void 0 : x.format(m.value)),
+                    I((y = (Y = o.value) == null ? void 0 : Y.startDate) == null ? void 0 : y.format(c.value)),
                     1
                     /* TEXT */
                   ),
-                  U(" to "),
-                  u(
+                  L(" to "),
+                  s(
                     "div",
                     null,
-                    k((w = (I = n.value) == null ? void 0 : I[1]) == null ? void 0 : w.format(m.value)),
+                    I((k = (g = o.value) == null ? void 0 : g.endDate) == null ? void 0 : k.format(c.value)),
                     1
                     /* TEXT */
                   ),
-                  u(
+                  s(
                     "div",
-                    oi,
-                    k(c.value.label === t(p).tz.guess() ? `${t(s)("浏览器时间")} (${c.value.label})` : c.value.label),
+                    vt,
+                    I(n.value.label === t(A).tz.guess() ? `${t(l)("浏览器时间")} (${n.value.label})` : n.value.label),
                     1
                     /* TEXT */
                   )
@@ -3033,24 +3099,16 @@ const si = /* @__PURE__ */ u(
     ));
   }
 });
-p.extend(Ma);
-p.extend(Ha);
-p.extend(za);
-p.extend(Ea);
+A.extend(wa);
+A.extend($a);
+A.extend(Da);
+A.extend(Ma);
 export {
-  Ba as DATE_PICKER_PROVIDER_KEY,
-  $i as DatePicker,
-  Hi as Dayjs,
-  Va as commonDateRegexp,
-  Ri as dayjs,
-  $i as default,
-  ha as getDateValueMode,
-  $a as getDateValueToString,
-  oa as isValidDateValue,
-  q as naturalDateRegexp,
-  ra as recentDateRegexp,
-  se as transformDateToDayjs,
-  ka as transformDateValueToDayjs,
-  ce as useDatePickerProvider,
-  Ya as useDatePickertInject
+  Ta as DATE_PICKER_PROVIDER_KEY,
+  Lt as DatePicker,
+  qt as Dayjs,
+  Ft as dayjs,
+  Lt as default,
+  ue as useDatePickerProvider,
+  Va as useDatePickertInject
 };