@blueking/date-picker 0.0.63 → 0.0.65

package/dist/vue3-light.es.js

@@ -1,37 +1,37 @@
-var re = Object.defineProperty;
-var le = (s, a, n) => a in s ? re(s, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[a] = n;
-var ta = (s, a, n) => (le(s, typeof a != "symbol" ? a + "" : a, n), n);
+var le = Object.defineProperty;
+var se = (l, a, i) => a in l ? le(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
+var ta = (l, a, i) => (se(l, typeof a != "symbol" ? a + "" : a, i), i);
 import d from "dayjs";
 import { default as gi } from "dayjs";
-import Ua from "dayjs/plugin/customParseFormat";
-import se from "dayjs/plugin/localizedFormat";
-import Ha from "dayjs/plugin/timezone";
-import Ka from "dayjs/plugin/utc";
-import { provide as ce, inject as ue, defineComponent as Q, openBlock as A, createElementBlock as S, createVNode as z, unref as t, withCtx as V, Fragment as L, renderList as O, createBlock as H, createCommentVNode as ca, createTextVNode as G, toDisplayString as M, shallowRef as ea, watch as oa, createElementVNode as v, normalizeClass as la, withModifiers as qa, ref as B, computed as Z, withDirectives as ha, withKeys as Va, mergeProps as Na, KeepAlive as oe, resolveDynamicComponent as de, vShow as me, onBeforeUnmount as he, normalizeStyle as ve } from "vue";
-import ra from "bkui-vue/lib/popover";
+import Ha from "dayjs/plugin/customParseFormat";
+import ce from "dayjs/plugin/localizedFormat";
+import Ka from "dayjs/plugin/timezone";
+import qa from "dayjs/plugin/utc";
+import { provide as ue, inject as oe, defineComponent as X, openBlock as A, createElementBlock as E, createVNode as S, unref as t, withCtx as $, Fragment as U, renderList as O, createBlock as H, createCommentVNode as na, createTextVNode as J, toDisplayString as y, shallowRef as ea, watch as oa, createElementVNode as v, normalizeClass as ua, withModifiers as Oa, ref as L, computed as W, normalizeStyle as Fa, withDirectives as va, withKeys as Na, mergeProps as $a, KeepAlive as de, resolveDynamicComponent as me, vShow as he, onBeforeUnmount as ve } from "vue";
+import la from "bkui-vue/lib/popover";
 import "bkui-vue/lib/popover/popover.css";
 import { provideGlobalConfig as be } from "bkui-vue/lib/config-provider";
-import { clickoutside as ba } from "bkui-vue/lib/directives";
-import { Del as fe, AngleDoubleLeft as pe, AngleLeft as Oa, AngleRight as Fa, AngleDoubleRight as Ae, Close as ge } from "bkui-vue/lib/icon";
+import { clickoutside as fa } from "bkui-vue/lib/directives";
+import { Del as fe, AngleDoubleLeft as pe, AngleLeft as Ga, AngleRight as Ja, AngleDoubleRight as Ae, Close as ge } from "bkui-vue/lib/icon";
 import "bkui-vue/lib/styles/reset.css";
 import xe from "dayjs/locale/en";
 import Ie from "dayjs/locale/zh-cn";
-import ka from "bkui-vue/lib/button";
+import _a from "bkui-vue/lib/button";
 import "bkui-vue/lib/button/button.css";
 import ke from "bkui-vue/lib/exception";
 import "bkui-vue/lib/exception/exception.css";
 import _e from "bkui-vue/lib/pop-confirm";
 import "bkui-vue/lib/pop-confirm/pop-confirm.css";
-import $a from "bkui-vue/lib/tab";
+import ja from "bkui-vue/lib/tab";
 import "bkui-vue/lib/tab/tab.css";
 import ye from "bkui-vue/lib/checkbox";
 import "bkui-vue/lib/checkbox/checkbox.css";
-import Ga from "bkui-vue/lib/input";
+import Wa from "bkui-vue/lib/input";
 import "bkui-vue/lib/input/input.css";
-import J from "bkui-vue/lib/select";
+import Z from "bkui-vue/lib/select";
 import "bkui-vue/lib/select/select.css";
-const we = (s) => {
-  const a = document.cookie.match(new RegExp(`(^| )${s}=([^;]*)(;|$)`));
+const we = (l) => {
+  const a = document.cookie.match(new RegExp(`(^| )${l}=([^;]*)(;|$)`));
   return a ? a[2] : "";
 }, De = {
   上周: "Last week",
@@ -64,7 +64,7 @@ const we = (s) => {
   s: "秒",
   w: "周",
   y: "年"
-}, fa = {
+}, pa = {
   前: "Previous",
   取消: "Cancel",
   将来: "Future",
@@ -76,6 +76,7 @@ const we = (s) => {
   无匹配数据: "No matching data",
   日期选择: "Time Range",
   时区设置: "Timezone setting",
+  "时差：n小时": "Time difference: n hours",
   时间格式支持: "Time format support",
   "是否清空最近使用？": "Clear recent records?",
   暂无常用时间: "No common time",
@@ -95,139 +96,139 @@ const we = (s) => {
   请输入: "Please enter",
   "请输入搜索（国家，城市，简称）": "Please enter search (country, city, abbreviation)",
   近: "Last",
-  "（至今）": "(so far)"
+  "（至今）": " so far"
 };
-Object.keys(fa).reduce((s, a) => (s[fa[a]] = a, s), {});
-const va = we("blueking_language") || "zh-cn", r = (s) => va !== "en" ? ia[s] || s : ia[s] || Me[s] || De[s] || fa[s] || s;
-var w = /* @__PURE__ */ ((s) => (s.Date = "date", s.FUTURE = "now+", s.NATURAL = "natural", s.RECENT = "now-", s))(w || {});
-const Ja = [
+Object.keys(pa).reduce((l, a) => (l[pa[a]] = a, l), {});
+const ba = we("blueking_language") || "zh-cn", n = (l) => ba !== "en" ? ia[l] || l : ia[l] || Me[l] || De[l] || pa[l] || l;
+var k = /* @__PURE__ */ ((l) => (l.Date = "date", l.FUTURE = "now+", l.NATURAL = "natural", l.RECENT = "now-", l))(k || {});
+const Za = [
   {
     id: "s",
-    name: r("秒")
+    name: n("秒")
   },
   {
     id: "m",
-    name: r("分钟")
+    name: n("分钟")
   },
   {
     id: "h",
-    name: r("小时")
+    name: n("小时")
   },
   {
     id: "d",
-    name: r("天")
+    name: n("天")
   },
   {
     id: "w",
-    name: r("周")
+    name: n("周")
   },
   {
     id: "M",
-    name: r("月")
+    name: n("月")
   },
   {
     id: "y",
-    name: r("年")
+    name: n("年")
   }
-], sa = Ja.map((s) => s.id).join("");
-var aa = /* @__PURE__ */ ((s) => (s.custom = "custom", s.default = "default", s.edit = "edit", s))(aa || {});
-const pa = [
+], sa = Za.map((l) => l.id).join("");
+var aa = /* @__PURE__ */ ((l) => (l.custom = "custom", l.default = "default", l.edit = "edit", l))(aa || {});
+const Aa = [
   {
     id: "now/d",
-    name: r("今天"),
+    name: n("今天"),
     type: "default"
     /* default */
   },
   {
     id: "now-1d/d",
-    name: r("昨天"),
+    name: n("昨天"),
     type: "default"
     /* default */
   },
   {
     id: "now-2d/d",
-    name: r("前天"),
+    name: n("前天"),
     type: "default"
     /* default */
   },
   {
     id: "now/w",
-    name: r("本周"),
+    name: n("本周"),
     type: "default"
     /* default */
   },
   {
     id: "now-1w/w",
-    name: r("上周"),
+    name: n("上周"),
     type: "default"
     /* default */
   },
   {
     id: "now/M",
-    name: r("本月"),
+    name: n("本月"),
     type: "default"
     /* default */
   },
   {
     id: "now-1M/M",
-    name: r("上月"),
+    name: n("上月"),
     type: "default"
     /* default */
   },
   {
     id: "now-nd/d",
-    name: r("前 N 天"),
-    prefix: r("前"),
-    suffix: r("天"),
+    name: n("前 N 天"),
+    prefix: n("前"),
+    suffix: n("天"),
     type: "edit",
     unit: "d"
   },
   {
     id: "now-nw/w",
-    name: r("前 N 周"),
-    prefix: r("前"),
-    suffix: r("周"),
+    name: n("前 N 周"),
+    prefix: n("前"),
+    suffix: n("周"),
     type: "edit",
     unit: "w"
   }
 ];
-var ma = /* @__PURE__ */ ((s) => (s.ALL = "all", s.NOW = "now", s))(ma || {});
-const ja = [
+var ha = /* @__PURE__ */ ((l) => (l.ALL = "all", l.NOW = "now", l))(ha || {});
+const Ya = [
   {
     id: "all",
-    name: r("整")
+    name: n("整")
   },
   {
     id: "now",
-    name: r("至今")
+    name: n("至今")
   }
-], Ee = [
+], ze = [
   {
     id: "common",
-    name: r("常用时间")
+    name: n("常用时间")
   },
   {
     id: "recent",
-    name: r("最近使用")
+    name: n("最近使用")
   }
-], ze = [
+], Ee = [
   {
-    id: w.RECENT,
-    name: r("最近")
+    id: k.RECENT,
+    name: n("最近")
   },
   {
-    id: w.FUTURE,
-    name: r("未来")
+    id: k.FUTURE,
+    name: n("未来")
   },
   {
-    id: w.NATURAL,
-    name: r("自然日期")
+    id: k.NATURAL,
+    name: n("自然日期")
   },
   {
-    id: w.Date,
-    name: r("日期选择")
+    id: k.Date,
+    name: n("日期选择")
   }
-], Se = "BK_DATE_PICKER_STORE", Ce = "BK_DATE_PICKER_STORE_TAB", Pe = "blueking_timezone", Aa = (s = 1) => `${Se}_${s}`, Ba = (s = 1) => `${Ce}_${s}`, Te = [
+], Se = "BK_DATE_PICKER_STORE", Ce = "BK_DATE_PICKER_STORE_TAB", Pe = "blueking_timezone", ga = (l = 1) => `${Se}_${l}`, Ba = (l = 1) => `${Ce}_${l}`, Te = [
   "YYYY-MM-DD HH:mm:ss",
   "YYYY-MM-DD HH:mm:ss,SSS",
   "YYYY-MM-DD HH:mm:ss.SSS",
@@ -249,17 +250,17 @@ const ja = [
   "YYYY-MM-DDTHH:mm:ssZ",
   "YYYY-MM-DDTHH:mm:ss.SSSSSSZ"
 ], Ve = {
-  "now/M~now/M": r("本月"),
-  "now/d~now/d": r("今天"),
-  "now/w~now/w": r("本周"),
-  "now/y~now/y": r("今年"),
-  "now-1M/M~now-1M/M": r("上月"),
-  "now-1d/d~now-1d/d": r("昨天"),
-  "now-1w/w~now-1w/w": r("上周"),
-  "now-1y/y~now-1y/y": r("去年"),
-  "now-2d/d~now-2d/d": r("前天"),
-  "now-2y/y~now-2y/y": r("前年")
-}, ga = [
+  "now/M~now/M": n("本月"),
+  "now/d~now/d": n("今天"),
+  "now/w~now/w": n("本周"),
+  "now/y~now/y": n("今年"),
+  "now-1M/M~now-1M/M": n("上月"),
+  "now-1d/d~now-1d/d": n("昨天"),
+  "now-1w/w~now-1w/w": n("上周"),
+  "now-1y/y~now-1y/y": n("去年"),
+  "now-2d/d~now-2d/d": n("前天"),
+  "now-2y/y~now-2y/y": n("前年")
+}, xa = [
   ["now-5m", "now"],
   ["now-15m", "now"],
   ["now-30m", "now"],
@@ -280,11 +281,11 @@ const ja = [
   ["now/M", "now"],
   ["now-1M/M", "now-1M/M"],
   ["now-1M/M", "now"]
-], P = "now", Ne = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, vi = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Wa = Symbol("DATE_PICKER_PROVIDER_KEY"), $e = (s) => {
-  ce(Wa, s);
-}, Za = () => ue(Wa);
+], P = "now", Ne = /^(\d{4})[-/](\d{1,2})[-/](\d{0,2})[Tt\s]*(\d{1,2})?:(\d{1,2})?:(\d{1,2})?[.:](\d+)?$/, vi = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Qa = Symbol("DATE_PICKER_PROVIDER_KEY"), $e = (l) => {
+  ue(Qa, l);
+}, Xa = () => oe(Qa);
+d.extend(qa);
 d.extend(Ka);
-d.extend(Ha);
 const je = [
   // {
   //   label: '',
@@ -1628,125 +1629,125 @@ const je = [
       }
     ]
   }
-], Be = () => {
-  const s = d.tz.guess(), a = [], n = je.map((e) => ({
+], Ye = () => {
+  const l = d.tz.guess(), a = [], i = je.map((e) => ({
     label: e.label,
-    options: e.options.map((l) => {
-      const b = {
-        ...l,
-        ...Ye(l.searchIndex)
+    options: e.options.map((r) => {
+      const f = {
+        ...r,
+        ...Be(r.searchIndex)
       };
-      return l.value === s && a.push({
-        ...l,
-        ...b,
-        label: b.label
-      }), b;
+      return r.value === l && a.push({
+        ...r,
+        ...f,
+        label: f.label
+      }), f;
     })
   }));
-  return n.unshift({
+  return i.unshift({
     label: "",
     options: a
-  }), n;
-}, Ye = (s) => {
-  const a = s.split("|");
+  }), i;
+}, Be = (l) => {
+  const a = l.split("|");
   return {
     abbreviation: a[1].toLocaleUpperCase(),
-    country: (a[3] || "").replace(/(\b\w)/g, (n) => n.toLocaleUpperCase()),
+    country: (a[3] || "").replace(/(\b\w)/g, (i) => i.toLocaleUpperCase()),
     countryCode: a[4] || "",
     utc: a[2].toLocaleUpperCase()
   };
-}, Qa = Be(), Xa = (s) => Qa.reduce((a, n) => (a == null ? void 0 : a.label) === s ? a : n.options.find((e) => e.label === s), {}), ua = new RegExp(`now([+-]?\\d*)([${sa}]?)\\/?([${sa}]?)`), Re = new RegExp(`now[-](\\d+)([${sa}]{1})$`), Le = new RegExp(`now[+](\\d+)([${sa}]{1})$`), xa = new RegExp(`now([+-]?\\d*)([${sa}]?)\\/([${sa}])$`);
-class na {
-  constructor(a = ["", ""], n = "YYYY-MM-DD HH:mm:ss", e = d.tz.guess()) {
+}, ae = Ye(), ee = (l) => ae.reduce((a, i) => (a == null ? void 0 : a.label) === l ? a : i.options.find((e) => e.label === l), {}), ca = new RegExp(`now([+-]?\\d*)([${sa}]?)\\/?([${sa}]?)`), Re = new RegExp(`now[-](\\d+)([${sa}]{1})$`), Le = new RegExp(`now[+](\\d+)([${sa}]{1})$`), Ia = new RegExp(`now([+-]?\\d*)([${sa}]?)\\/([${sa}])$`);
+class ra {
+  constructor(a = ["", ""], i = "YYYY-MM-DD HH:mm:ss", e = d.tz.guess()) {
     ta(this, "endDate");
     ta(this, "endNum");
     ta(this, "endUnit");
     ta(this, "startDate");
     ta(this, "startNum");
     ta(this, "startUnit");
-    this.dateValue = a, this.format = n, this.timezome = e;
-    const [l, b] = a;
-    this.startDate = l ? this.transformValue2Dayjs(l) : null, this.endDate = b ? this.transformValue2Dayjs(b, "end") : null;
+    this.dateValue = a, this.format = i, this.timezome = e;
+    const [r, f] = a;
+    this.startDate = r ? this.transformValue2Dayjs(r) : null, this.endDate = f ? this.transformValue2Dayjs(f, "end") : null;
   }
   dateDuration() {
     if (!this.startDate || !this.endDate || !this.isValidate)
       return;
     let a = this.endDate.diff(this.startDate);
-    const n = 24 * 60 * 60 * 1e3;
+    const i = 24 * 60 * 60 * 1e3;
     switch (this.dateMode) {
-      case w.RECENT:
+      case k.RECENT:
         a = d().add(this.startNum, this.startUnit).diff(d());
         break;
-      case w.FUTURE:
+      case k.FUTURE:
         a = d().diff(
           d().add(this.endNum, this.endUnit),
           this.endUnit
         );
         break;
-      case w.NATURAL:
+      case k.NATURAL:
         a = this.endDate.diff(this.startDate);
         const e = 24 * 60 * 60 * 1e3;
         a % e === e - 1 && (a += 1);
         break;
       default:
-      case w.Date:
+      case k.Date:
         a = this.endDate.diff(this.startDate);
         break;
     }
-    return a % n === n - 1e3 && (a += 1e3), a;
+    return a % i === i - 1e3 && (a += 1e3), a;
   }
   toDisplayString() {
-    var b, o, u;
+    var f, h, m;
     if (!this.startDate || !this.endDate || !this.isValidate)
-      return ((b = this.dateValue) == null ? void 0 : b.join(" ~ ")) || "";
-    if (this.dateMode === w.RECENT)
-      return `${r("近")} ${Math.abs(this.startNum)} ${r(
+      return ((f = this.dateValue) == null ? void 0 : f.join(" ~ ")) || "";
+    if (this.dateMode === k.RECENT)
+      return `${n("近")} ${Math.abs(this.startNum)} ${n(
         ia[this.startUnit]
       )}`;
-    if (this.dateMode === w.FUTURE)
-      return `${r("未来")} ${Math.abs(this.endNum)} ${r(
+    if (this.dateMode === k.FUTURE)
+      return `${n("未来")} ${Math.abs(this.endNum)} ${n(
         ia[this.endUnit]
       )}`;
-    const [a, n] = this.dateValue;
-    if (this.dateMode === w.NATURAL) {
-      const c = n !== P ? "" : r("（至今）"), i = pa.find((m) => m.id === a);
-      return i ? r(i.name) + c : `${`${r("前")} ${this.startNum} ${r(
+    const [a, i] = this.dateValue;
+    if (this.dateMode === k.NATURAL) {
+      const c = i !== P ? "" : n("（至今）"), s = Aa.find((u) => u.id === a);
+      return s ? n(s.name) + c : `${`${n("前")} ${this.startNum} ${n(
         ia[this.startUnit]
       )}`}${c}`;
     }
     let e = this.format;
     if (a === P)
-      return `${r("此刻")} ~ ${(o = this.endDate) == null ? void 0 : o.format(this.format)}`;
-    if (n === P)
-      return `${(u = this.startDate) == null ? void 0 : u.format(this.format)} ~ ${r("此刻")}`;
-    const l = ["Y", "M", "D", "H", "m", "s"].reduce(
-      (c, i, m, f) => (m < 1 || (this.format.indexOf(i) > this.format.indexOf(f[m - 1]) ? c.push(i) : c = []), c),
+      return `${n("此刻")} ~ ${(h = this.endDate) == null ? void 0 : h.format(this.format)}`;
+    if (i === P)
+      return `${(m = this.startDate) == null ? void 0 : m.format(this.format)} ~ ${n("此刻")}`;
+    const r = ["Y", "M", "D", "H", "m", "s"].reduce(
+      (c, s, u, D) => (u < 1 || (this.format.indexOf(s) > this.format.indexOf(D[u - 1]) ? c.push(s) : c = []), c),
       ["Y"]
     );
-    if (l.length > 1 && l.includes("D") && this.startDate.isSame(this.endDate, "year")) {
+    if (r.length > 1 && r.includes("D") && this.startDate.isSame(this.endDate, "year")) {
       const [, c] = this.format.match(/(Y+)/) || [];
-      let i = this.format.replace(c, this.startDate.format(c));
+      let s = this.format.replace(c, this.startDate.format(c));
       if (e = e.replace(/Y+[^\w\s]*/, ""), this.startDate.isSame(this.endDate, "day") && this.startDate.isSame(this.endDate, "month")) {
-        const [, f] = this.format.match(/(M+)/) || [];
-        if (i = i.replace(f, this.startDate.format(f)), e = e.replace(/M+[^\w\s]*/, ""), this.startDate.isSame(this.endDate, "day")) {
-          const [, I] = this.format.match(/(d+|D+)/) || [];
-          i = i.replace(I, this.startDate.format(I)), e = e.replace(/(d|D)+[^\w\s]*/, "");
+        const [, D] = this.format.match(/(M+)/) || [];
+        if (s = s.replace(D, this.startDate.format(D)), e = e.replace(/M+[^\w\s]*/, ""), this.startDate.isSame(this.endDate, "day")) {
+          const [, M] = this.format.match(/(d+|D+)/) || [];
+          s = s.replace(M, this.startDate.format(M)), e = e.replace(/(d|D)+[^\w\s]*/, "");
         }
       }
-      const m = i.replace(e, "").slice(-1);
-      return console.info(i, e, m), i.length <= e.length ? `${this.startDate.format(this.format)} ~ ${this.endDate.format(this.format)}` : i.replace(
-        `${m.match(/([^\w\s]{1})/) ? m : ""}${e}`,
+      const u = s.replace(e, "").slice(-1);
+      return console.info(s, e, u), s.length <= e.length ? `${this.startDate.format(this.format)} ~ ${this.endDate.format(this.format)}` : s.replace(
+        `${u.match(/([^\w\s]{1})/) ? u : ""}${e}`,
         ` ( ${this.startDate.format(e)} ~ ${this.endDate.format(e)} )`
       );
     }
     return `${this.startDate.format(this.format)} ~ ${this.endDate.format(this.format)}`;
   }
   toEmitValue() {
-    var a, n, e, l;
+    var a, i, e, r;
     return [
-      this.dateMode === w.Date ? [
+      this.dateMode === k.Date ? [
         this.dateValue[0] === P ? P : (a = this.startDate) == null ? void 0 : a.valueOf(),
-        this.dateValue[1] === P ? P : (n = this.endDate) == null ? void 0 : n.valueOf()
+        this.dateValue[1] === P ? P : (i = this.endDate) == null ? void 0 : i.valueOf()
       ] : [...this.dateValue],
       [
         {
@@ -1755,99 +1756,99 @@ class na {
         },
         {
           dayjs: this.endDate,
-          formatText: (l = this.endDate) == null ? void 0 : l.format(this.format)
+          formatText: (r = this.endDate) == null ? void 0 : r.format(this.format)
         }
       ]
     ];
   }
-  transformValue2Dayjs(a, n = "start") {
+  transformValue2Dayjs(a, i = "start") {
     const e = isNaN(a) ? a : +a;
-    let l = d(e);
-    if (typeof e == "number" || d.isDayjs(e) || l.isValid())
-      return d.tz(l.valueOf(), this.timezome);
-    const [, b, o, u] = e.match(ua) || [];
-    return n === "start" ? (this.startNum = Math.abs(+b), this.startUnit = o || u) : n === "end" && (this.endNum = Math.abs(+b), this.endUnit = o || u), b ? l = d().add(+b, o || u) : e === P && (l = d()), u ? (l = n === "start" ? d(d(l.isValid() ? l : void 0).valueOf()) : d(d(l.isValid() ? l : void 0)), n === "start" ? d.tz(l.valueOf(), this.timezome).startOf(u) : d.tz(l.valueOf(), this.timezome).endOf(u)) : d.tz(l.valueOf(), this.timezome);
+    let r = d(e);
+    if (typeof e == "number" || d.isDayjs(e) || r.isValid())
+      return d.tz(r.valueOf(), this.timezome);
+    const [, f, h, m] = e.match(ca) || [];
+    return i === "start" ? (this.startNum = Math.abs(+f), this.startUnit = h || m) : i === "end" && (this.endNum = Math.abs(+f), this.endUnit = h || m), f ? r = d().add(+f, h || m) : e === P && (r = d()), m ? (r = i === "start" ? d(d(r.isValid() ? r : void 0).valueOf()) : d(d(r.isValid() ? r : void 0)), i === "start" ? d.tz(r.valueOf(), this.timezome).startOf(m) : d.tz(r.valueOf(), this.timezome).endOf(m)) : d.tz(r.valueOf(), this.timezome);
   }
-  updateDateValue(a, n) {
+  updateDateValue(a, i) {
     this.dateValue = a;
-    const [e, l] = a;
-    n && (this.timezome = n), this.startDate = e ? this.transformValue2Dayjs(e) : null, this.endDate = l ? this.transformValue2Dayjs(l, "end") : null;
+    const [e, r] = a;
+    i && (this.timezome = i), this.startDate = e ? this.transformValue2Dayjs(e) : null, this.endDate = r ? this.transformValue2Dayjs(r, "end") : null;
   }
   updateFormat(a) {
     this.format = a;
   }
   get dateMode() {
-    const [a, n] = this.dateValue;
-    if (typeof a == "number" || typeof n == "number" || d.isDayjs(a) || d.isDayjs(n) || d(a).isValid() || d(n).isValid())
-      return w.Date;
-    if (a === P && Le.test(n))
-      return w.FUTURE;
-    if (n === P && Re.test(a))
-      return w.RECENT;
+    const [a, i] = this.dateValue;
+    if (typeof a == "number" || typeof i == "number" || d.isDayjs(a) || d.isDayjs(i) || d(a).isValid() || d(i).isValid())
+      return k.Date;
+    if (a === P && Le.test(i))
+      return k.FUTURE;
+    if (i === P && Re.test(a))
+      return k.RECENT;
     if (Ve[this.dateValue.join("~")])
-      return w.NATURAL;
-    if (xa.test(a) && (xa.test(n) || n === P)) {
-      const [, e, l, b] = a.match(ua) || [], [, o, u, c] = n.match(ua) || [];
-      if (b && (n === P || e && +o == -1 && l === b && u === c && l === u))
-        return w.NATURAL;
+      return k.NATURAL;
+    if (Ia.test(a) && (Ia.test(i) || i === P)) {
+      const [, e, r, f] = a.match(ca) || [], [, h, m, c] = i.match(ca) || [];
+      if (f && (i === P || e && +h == -1 && r === f && m === c && r === m))
+        return k.NATURAL;
     }
-    return w.Date;
+    return k.Date;
   }
   get endDisplayText() {
     var a;
     return d.tz(((a = this.endDate) == null ? void 0 : a.valueOf()) || void 0, this.timezome).format(this.format);
   }
   get isValidate() {
-    var a, n;
-    return ((a = this.startDate) == null ? void 0 : a.isValid()) && ((n = this.endDate) == null ? void 0 : n.isValid());
+    var a, i;
+    return ((a = this.startDate) == null ? void 0 : a.isValid()) && ((i = this.endDate) == null ? void 0 : i.isValid());
   }
   get recentOrFuturedateNum() {
-    if (this.dateMode === w.RECENT)
+    if (this.dateMode === k.RECENT)
       return this.startNum;
-    if (this.dateMode === w.FUTURE)
+    if (this.dateMode === k.FUTURE)
       return this.endNum;
   }
   get recentOrFuturedateUnit() {
-    return this.dateMode === w.RECENT ? this.startUnit : this.dateMode === w.FUTURE ? this.endUnit : "m";
+    return this.dateMode === k.RECENT ? this.startUnit : this.dateMode === k.FUTURE ? this.endUnit : "m";
   }
   get startDisplayText() {
     var a;
     return d.tz(((a = this.startDate) == null ? void 0 : a.valueOf()) || void 0, this.timezome).format(this.format);
   }
 }
-const Ia = (s, a = "start", n) => {
-  const e = isNaN(s) ? s : +s;
-  let l = d(e);
-  if (typeof e == "number" || d.isDayjs(e) || l.isValid())
-    return d.tz(l.valueOf(), n || d.tz.guess());
-  const [, b, o, u] = e.match(ua) || [];
-  return b ? l = d().add(+b, o || u || "d") : e === P && (l = d()), u ? (l = a === "start" ? d.tz(d(l.isValid() ? l : void 0).valueOf(), n).startOf(u) : d.tz(d(l.isValid() ? l : void 0), n).endOf(u), l != null && l.isValid() ? l : void 0) : l.isValid() ? d.tz(l.valueOf(), n || d.tz.guess()) : void 0;
-}, bi = (s, a) => {
-  if (!Array.isArray(s) || s.length < 1)
+const ka = (l, a = "start", i) => {
+  const e = isNaN(l) ? l : +l;
+  let r = d(e);
+  if (typeof e == "number" || d.isDayjs(e) || r.isValid())
+    return d.tz(r.valueOf(), i || d.tz.guess());
+  const [, f, h, m] = e.match(ca) || [];
+  return f ? r = d().add(+f, h || m || "d") : e === P && (r = d()), m ? (r = a === "start" ? d.tz(d(r.isValid() ? r : void 0).valueOf(), i).startOf(m) : d.tz(d(r.isValid() ? r : void 0), i).endOf(m), r != null && r.isValid() ? r : void 0) : r.isValid() ? d.tz(r.valueOf(), i || d.tz.guess()) : void 0;
+}, bi = (l, a) => {
+  if (!Array.isArray(l) || l.length < 1)
     return [];
-  const [n, e] = s || [], l = Ia(n, "start", a), b = Ia(e, "end", a);
-  return [l, b];
-}, ae = (s, a = "local") => {
-  const e = (a === "local" ? localStorage : sessionStorage).getItem(s);
-  let l = [];
+  const [i, e] = l || [], r = ka(i, "start", a), f = ka(e, "end", a);
+  return [r, f];
+}, te = (l, a = "local") => {
+  const e = (a === "local" ? localStorage : sessionStorage).getItem(l);
+  let r = [];
   if (e)
     try {
-      l = JSON.parse(e);
+      r = JSON.parse(e);
     } catch {
-      l = [];
+      r = [];
     }
-  return Array.isArray(l) || (l = []), l;
-}, ee = (s, a, n = "local") => {
+  return Array.isArray(r) || (r = []), r;
+}, ie = (l, a, i = "local") => {
   let e = [];
-  const l = n === "local" ? localStorage : sessionStorage, b = l.getItem(a);
-  if (b)
+  const r = i === "local" ? localStorage : sessionStorage, f = r.getItem(a);
+  if (f)
     try {
-      e = JSON.parse(b);
+      e = JSON.parse(f);
     } catch {
       e = [];
     }
-  Array.isArray(e) || (e = []), !e.some((o) => o[0] === s[0] && o[1] === s[1]) && (e.unshift(s), l.setItem(a, JSON.stringify(e.slice(0, 10))));
-}, Ue = { class: "common-panel-tab" }, Ya = /* @__PURE__ */ Q({
+  Array.isArray(e) || (e = []), !e.some((h) => h[0] === l[0] && h[1] === l[1]) && (e.unshift(l), r.setItem(a, JSON.stringify(e.slice(0, 10))));
+}, Ue = { class: "common-panel-tab" }, Ra = /* @__PURE__ */ X({
   __name: "common-tab",
   props: {
     /** modelValue 选中的tab */
@@ -1865,18 +1866,18 @@ const Ia = (s, a = "start", n) => {
       type: Boolean
     }
   },
-  setup(s) {
-    return (a, n) => (A(), S("div", Ue, [
-      z(t($a), {
-        active: s.modelValue,
-        "onUpdate:active": n[0] || (n[0] = (e) => a.$emit("update:modelValue", e)),
+  setup(l) {
+    return (a, i) => (A(), E("div", Ue, [
+      S(t(ja), {
+        active: l.modelValue,
+        "onUpdate:active": i[0] || (i[0] = (e) => a.$emit("update:modelValue", e)),
         type: "unborder-card"
       }, {
-        default: V(() => [
-          (A(!0), S(
-            L,
+        default: $(() => [
+          (A(!0), E(
+            U,
             null,
-            O(s.panels, (e) => (A(), H(t($a).TabPanel, {
+            O(l.panels, (e) => (A(), H(t(ja).TabPanel, {
               key: e.id,
               label: e.name,
               name: e.id
@@ -1888,54 +1889,54 @@ const Ia = (s, a = "start", n) => {
         _: 1
         /* STABLE */
       }, 8, ["active"]),
-      s.showDeleteAll ? (A(), H(t(_e), {
+      l.showDeleteAll ? (A(), H(t(_e), {
         key: 0,
-        content: t(r)("是否清空最近使用？"),
+        content: t(n)("是否清空最近使用？"),
         trigger: "click",
         width: 189,
-        onConfirm: n[1] || (n[1] = (e) => a.$emit("confirm")),
-        "confirm-text": t(r)("确定"),
-        "cancel-text": t(r)("取消"),
+        onConfirm: i[1] || (i[1] = (e) => a.$emit("confirm")),
+        "confirm-text": t(n)("确定"),
+        "cancel-text": t(n)("取消"),
         "ext-cls": "__bk-date-picker-popover__ __bk-date-picker-popover-delete__"
       }, {
-        default: V(() => [
-          z(t(fe), { class: "delete-all" })
+        default: $(() => [
+          S(t(fe), { class: "delete-all" })
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["content", "confirm-text", "cancel-text"])) : ca("v-if", !0)
+      }, 8, ["content", "confirm-text", "cancel-text"])) : na("v-if", !0)
     ]));
   }
 });
-const _a = /* @__PURE__ */ Q({
+const ya = /* @__PURE__ */ X({
   __name: "common-submit",
   props: {
     disableTips: {},
     disabled: { type: Boolean }
   },
   emits: ["submit"],
-  setup(s) {
-    return (a, n) => {
+  setup(l) {
+    return (a, i) => {
       var e;
-      return A(), S(
-        L,
+      return A(), E(
+        U,
         null,
         [
-          z(t(ra), {
+          S(t(la), {
             content: a.disableTips,
             disabled: !a.disabled || !((e = a.disableTips) != null && e.length)
           }, {
-            default: V(() => [
-              z(t(ka), {
+            default: $(() => [
+              S(t(_a), {
                 disabled: a.disabled,
                 outline: !0,
-                onClick: n[0] || (n[0] = (l) => a.$emit("submit")),
+                onClick: i[0] || (i[0] = (r) => a.$emit("submit")),
                 class: "common-submit",
                 theme: "primary"
               }, {
-                default: V(() => [
-                  G(
-                    M(t(r)("确定")),
+                default: $(() => [
+                  J(
+                    y(t(n)("确定")),
                     1
                     /* TEXT */
                   )
@@ -1947,7 +1948,7 @@ const _a = /* @__PURE__ */ Q({
             _: 1
             /* STABLE */
           }, 8, ["content", "disabled"]),
-          ca("v-if", !0)
+          na("v-if", !0)
         ],
         64
         /* STABLE_FRAGMENT */
@@ -1961,7 +1962,7 @@ const He = { class: "date-panel" }, Ke = { class: "date-panel-title" }, qe = { c
   null,
   -1
   /* HOISTED */
-), We = { class: "date-header-right" }, Ze = { class: "date-content" }, Qe = { class: "date-grid" }, Xe = ["onClick"], Ra = 6, da = 7, La = /* @__PURE__ */ Q({
+), We = { class: "date-header-right" }, Ze = { class: "date-content" }, Qe = { class: "date-grid" }, Xe = ["onClick"], La = 6, ma = 7, Ua = /* @__PURE__ */ X({
   __name: "date-panel",
   props: {
     diableNow: { type: Boolean },
@@ -1972,50 +1973,54 @@ const He = { class: "date-panel" }, Ke = { class: "date-panel-title" }, qe = { c
     title: {}
   },
   emits: ["update:isNow", "update:modelValue"],
-  setup(s, { emit: a }) {
-    const n = s, e = a, l = va === "en" ? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] : ["日", "一", "二", "三", "四", "五", "六"], b = ea([]), o = d(), u = ea(n.modelValue || o);
+  setup(l, { emit: a }) {
+    const i = l, e = a, r = ba === "en" ? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] : ["日", "一", "二", "三", "四", "五", "六"], f = ea([]), h = d(), m = ea(i.modelValue || h);
     oa(
-      u,
+      m,
       () => {
-        const I = u.value.startOf("month").startOf("week").add(-1, "day"), Y = [];
-        for (let N = 0; N < Ra * da; N++)
-          Y.push(I.add(N, "day"));
-        b.value = Y;
+        const C = m.value.startOf("month").startOf("week").add(-1, "day"), Y = [];
+        for (let N = 0; N < La * ma; N++)
+          Y.push(C.add(N, "day"));
+        f.value = Y;
       },
       {
         immediate: !0
       }
     );
-    const c = (I) => {
-      u.value = u.value.add(I, "month");
-    }, i = (I) => {
-      u.value = u.value.add(I, "year");
-    }, m = (I) => {
-      n.minDate && I.isBefore(n.minDate, "day") || e("update:modelValue", I);
-    }, f = () => {
-      n.diableNow || e("update:isNow", !n.isNow);
+    const c = (C) => {
+      m.value = m.value.add(C, "month");
+    }, s = (C) => {
+      m.value = m.value.add(C, "year");
+    }, u = (C) => {
+      i.minDate && C.isBefore(i.minDate, "day") || e("update:modelValue", C);
     };
-    return (I, Y) => (A(), S("div", He, [
+    let D = 0;
+    const M = () => {
+      i.diableNow || D || (e("update:isNow", !i.isNow), D = setTimeout(() => {
+        clearTimeout(D), D = 0;
+      }, 500));
+    };
+    return (C, Y) => (A(), E("div", He, [
       v("div", Ke, [
-        G(
-          M(I.title) + " ",
+        J(
+          y(C.title) + " ",
           1
           /* TEXT */
         ),
         v(
           "span",
           {
-            onMousedown: f,
+            onMousedown: M,
             class: "title-check"
           },
           [
-            z(t(ye), {
-              disabled: I.diableNow,
-              "model-value": I.isNow,
+            S(t(ye), {
+              disabled: C.diableNow,
+              "model-value": C.isNow,
               size: "small"
             }, {
-              default: V(() => [
-                G(" now ")
+              default: $(() => [
+                J(" now ")
               ]),
               _: 1
               /* STABLE */
@@ -2028,51 +2033,51 @@ const He = { class: "date-panel" }, Ke = { class: "date-panel-title" }, qe = { c
       v("div", qe, [
         v("div", Oe, [
           v("div", Fe, [
-            z(t(pe), {
-              onClick: Y[0] || (Y[0] = (N) => i(-1)),
+            S(t(pe), {
+              onClick: Y[0] || (Y[0] = (N) => s(-1)),
               class: "hand-icon"
             }),
-            z(t(Oa), {
+            S(t(Ga), {
               onClick: Y[1] || (Y[1] = (N) => c(-1)),
               class: "hand-icon"
             })
           ]),
           v("div", Ge, [
-            G(
-              M(u.value.year()),
+            J(
+              y(m.value.year()),
               1
               /* TEXT */
             ),
             Je,
-            G(
-              M(u.value.month() + 1),
+            J(
+              y(m.value.month() + 1),
               1
               /* TEXT */
             )
           ]),
           v("div", We, [
-            z(t(Fa), {
+            S(t(Ja), {
               onClick: Y[2] || (Y[2] = (N) => c(1)),
               class: "hand-icon"
             }),
-            z(t(Ae), {
-              onClick: Y[3] || (Y[3] = (N) => i(1)),
+            S(t(Ae), {
+              onClick: Y[3] || (Y[3] = (N) => s(1)),
               class: "hand-icon"
             })
           ])
         ]),
         v("div", Ze, [
           v("ul", Qe, [
-            (A(!0), S(
-              L,
+            (A(!0), E(
+              U,
               null,
-              O(t(l), (N, $) => (A(), S(
+              O(t(r), (N, B) => (A(), E(
                 "li",
                 {
-                  key: $,
+                  key: B,
                   class: "date-grid-item not-click"
                 },
-                M(N),
+                y(N),
                 1
                 /* TEXT */
               ))),
@@ -2080,27 +2085,27 @@ const He = { class: "date-panel" }, Ke = { class: "date-panel-title" }, qe = { c
               /* KEYED_FRAGMENT */
             ))
           ]),
-          (A(), S(
-            L,
+          (A(), E(
+            U,
             null,
-            O(Ra, (N) => v("ul", {
+            O(La, (N) => v("ul", {
               key: N,
               class: "date-grid"
             }, [
-              (A(!0), S(
-                L,
+              (A(!0), E(
+                U,
                 null,
-                O(b.value.slice((N - 1) * da, (N - 1) * da + da), ($) => (A(), S("li", {
-                  class: la([{
-                    "is-last-month": $.isBefore(u.value, "month"),
-                    "is-next-month": $.isAfter(u.value, "month"),
-                    "is-today": $.isSame(t(o), "day"),
-                    "is-disabled": I.minDate && $.isBefore(I.minDate, "day"),
-                    "is-selected": n.modelValue && $.isSame(n.modelValue, "day")
+                O(f.value.slice((N - 1) * ma, (N - 1) * ma + ma), (B) => (A(), E("li", {
+                  class: ua([{
+                    "is-last-month": B.isBefore(m.value, "month"),
+                    "is-next-month": B.isAfter(m.value, "month"),
+                    "is-today": B.isSame(t(h), "day"),
+                    "is-disabled": C.minDate && B.isBefore(C.minDate, "day"),
+                    "is-selected": i.modelValue && B.isSame(i.modelValue, "day")
                   }, "date-grid-item"]),
-                  key: $.unix(),
-                  onClick: qa((K) => m($), ["prevent"])
-                }, M($.date()), 11, Xe))),
+                  key: B.unix(),
+                  onClick: Oa((F) => u(B), ["prevent"])
+                }, y(B.date()), 11, Xe))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -2113,7 +2118,7 @@ const He = { class: "date-panel" }, Ke = { class: "date-panel-title" }, qe = { c
     ]));
   }
 });
-const at = { class: "date-wrapper" }, et = { class: "date-input" }, tt = { class: "date-picker" }, it = /* @__PURE__ */ v(
+const at = { class: "date-wrapper" }, et = { class: "date-input" }, tt = /* @__PURE__ */ v(
   "span",
   { class: "date-picker-icon" },
   [
@@ -2135,259 +2140,270 @@ const at = { class: "date-wrapper" }, et = { class: "date-input" }, tt = { class
   ],
   -1
   /* HOISTED */
-), nt = ["placeholder", "value"], rt = /* @__PURE__ */ v(
+), it = ["placeholder", "value"], nt = /* @__PURE__ */ v(
   "span",
   { class: "date-picker-split" },
   "~",
   -1
   /* HOISTED */
-), lt = ["placeholder", "value"], st = { class: "show-format" }, ct = { class: "date-format-wrapper" }, ut = { class: "content-title" }, ot = { class: "content-table" }, dt = /* @__PURE__ */ Q({
+), rt = ["placeholder", "value"], lt = { class: "show-format" }, st = { class: "date-format-wrapper" }, ct = { class: "content-title" }, ut = { class: "content-table" }, ot = /* @__PURE__ */ X({
   __name: "date-picker",
   props: {
     value: {}
   },
   emits: ["change"],
-  setup(s, { emit: a }) {
-    d.extend(Ua);
-    const n = s, e = a, l = B(null), b = B(null), o = B(!1), u = B(!1), c = ea(), i = ea(), m = B(!1), f = B(!1), { format: I } = Za(), Y = d();
+  setup(l, { emit: a }) {
+    d.extend(Ha);
+    const i = l, e = a, r = L(null), f = L(null), h = L(!1), m = L(!1), c = ea(), s = ea(), u = L(!1), D = L(!1), { format: M } = Xa(), C = d();
     oa(
-      () => n.value,
-      (x) => {
-        if (x.dateMode !== w.Date)
+      () => i.value,
+      (p) => {
+        if (p.dateMode !== k.Date)
           return;
-        const { dateValue: h, endDate: E, startDate: C } = x;
-        !(C != null && C.isValid()) && !(E != null && E.isValid()) || (c.value = C, i.value = E, m.value = h[0] === P, f.value = h[1] === P);
+        const { dateValue: o, endDate: w, startDate: z } = p;
+        !(z != null && z.isValid()) && !(w != null && w.isValid()) || (c.value = z, s.value = w, u.value = o[0] === P, D.value = o[1] === P);
       },
       {
         immediate: !0
       }
     );
-    const N = Z(() => !(!c.value || !i.value || !c.value.isValid() || !i.value.isValid() || c.value.isAfter(i.value))), $ = async (x, h) => {
+    const Y = W(() => !(!c.value || !s.value || !c.value.isValid() || !s.value.isValid() || c.value.isSame(s.value, "ms") || c.value.isAfter(s.value))), N = async (p, o) => {
       setTimeout(() => {
-        var ya, wa, Da, Ma;
-        const E = (wa = (ya = x.target) == null ? void 0 : ya.value) == null ? void 0 : wa.toString().trim(), C = h === "start" ? c.value : i.value, U = h === "start" ? m : f, te = h === "start" ? f : m, ie = C == null ? void 0 : C.format(I.value);
-        if (E === ie || !E || E === P && U.value)
+        var wa, Da, Ma, za;
+        const w = (Da = (wa = p.target) == null ? void 0 : wa.value) == null ? void 0 : Da.toString().trim(), z = o === "start" ? c.value : s.value, K = o === "start" ? u : D, da = o === "start" ? D : u, ne = z == null ? void 0 : z.format(M.value);
+        if (w === ne || !w || w === P && K.value)
           return;
-        if (E === P && !U.value && !te.value) {
-          R(h);
+        if (w === P && !K.value && !da.value) {
+          R(o);
           return;
         }
-        let F;
-        if (ua.test(E) && (F = Ia(E, h)), !F && !/Z$/i.test(E)) {
-          const X = E.match(Ne) || [];
-          if (X) {
+        let G;
+        if (ca.test(w) && (G = ka(w, o)), !G && !/Z$/i.test(w) && M.value === "YYYY-MM-DD HH:mm:ss") {
+          const Q = w.match(Ne) || [];
+          if (console.info(Q), Q.length) {
             let q = !0;
-            const ne = (X[7] || "0").substring(0, 3), Ea = X[6] || 0;
+            const re = (Q[7] || "0").substring(0, 3), Ea = Q[6] || 0;
             q = Ea < 60;
-            const za = X[5] || 0;
-            q = q && za < 60;
-            const Sa = X[4] || 0;
-            q = q && Sa < 24;
-            const Ca = X[3] || 1;
-            q = q && Ca < 32;
-            const Pa = X[2] - 1 || 0;
-            q = q && Pa < 12;
-            const Ta = X[1];
-            q = q && Ta.length < 5 && E.length <= I.value.length, F = q ? d(new Date(Ta, Pa, Ca, Sa, za, Ea, ne)) : C;
+            const Sa = Q[5] || 0;
+            q = q && Sa < 60;
+            const Ca = Q[4] || 0;
+            q = q && Ca < 24;
+            const Pa = Q[3] || 1;
+            q = q && Pa < 32;
+            const Ta = Q[2] - 1 || 0;
+            q = q && Ta < 12;
+            const Va = Q[1];
+            q = q && Va.length < 5 && w.length <= M.value.length, G = q ? d(new Date(Va, Ta, Pa, Ca, Sa, Ea, re)) : z;
           }
         }
-        F || (F = d(E)), F.isValid() && (C != null && C.isSame(F) || (U.value = E === P, h === "start" ? y(c ? F : F.startOf("d")) : T(i ? F : F.endOf("d")))), x.target.value = h === "start" ? ((Da = c.value) == null ? void 0 : Da.format(I.value)) || "" : ((Ma = i.value) == null ? void 0 : Ma.format(I.value)) || "";
+        G || (G = d(w)), G.isValid() && (z != null && z.isSame(G) || (K.value = w === P, o === "start" ? I(c ? G : G.startOf("d")) : T(s ? G : G.endOf("d")))), p.target.value = o === "start" ? ((Ma = c.value) == null ? void 0 : Ma.format(M.value)) || "" : ((za = s.value) == null ? void 0 : za.format(M.value)) || "";
       }, 100);
-    }, K = () => {
-      o.value = !0;
-    }, W = () => {
-      u.value = !0;
-    }, k = (x = 32) => {
-      setTimeout(() => o.value = !1, x);
-    }, g = (x = 32) => {
-      setTimeout(() => u.value = !1, x);
-    }, y = (x) => {
-      var h, E;
-      (h = c.value) != null && h.isSame(x) || (c.value = x, m.value = !1), i.value || ((E = b.value) == null || E.focus(), W()), k();
-    }, T = (x) => {
-      var h, E;
-      (h = i.value) != null && h.isSame(x) || (i.value = x, f.value = !1), c.value || ((E = l.value) == null || E.focus(), K()), g();
-    }, R = (x) => {
-      x === "start" ? (m.value = !m.value, f.value = !1, c.value = d(), i.value ? m.value && k() : (setTimeout(() => {
-        var h;
-        (h = b.value) == null || h.focus();
-      }, 100), W(), k())) : (f.value = !f.value, m.value = !1, i.value = d(), c.value ? f.value && g() : (setTimeout(() => {
-        var h;
-        (h = l.value) == null || h.focus();
-      }, 100), K(), g()));
-    }, D = () => {
-      c.value = void 0, i.value = void 0, m.value = !1, f.value = !1, k(), g();
-    }, p = () => {
-      var x, h;
-      if (c.value && i.value) {
-        const E = m.value ? P : (x = c.value) == null ? void 0 : x.valueOf(), C = f.value ? P : (h = i.value) == null ? void 0 : h.valueOf();
-        e("change", [E || "", C || ""]);
+    }, B = () => {
+      h.value = !0, g();
+    }, F = () => {
+      m.value = !0, x();
+    }, x = (p = 32) => {
+      setTimeout(() => h.value = !1, p);
+    }, g = (p = 32) => {
+      setTimeout(() => m.value = !1, p);
+    }, I = (p) => {
+      var o, w;
+      (o = c.value) != null && o.isSame(p) || (c.value = p, u.value = !1), s.value || ((w = f.value) == null || w.focus(), F()), x();
+    }, T = (p) => {
+      var o, w;
+      (o = s.value) != null && o.isSame(p) || (s.value = p, D.value = !1), c.value || ((w = r.value) == null || w.focus(), B()), g();
+    }, R = (p) => {
+      p === "start" ? (u.value = !u.value, D.value = !1, c.value = d(), s.value ? u.value && x() : (setTimeout(() => {
+        var o;
+        (o = f.value) == null || o.focus(), F();
+      }, 100), x())) : (D.value = !D.value, u.value = !1, s.value = d(), c.value ? D.value && g() : (setTimeout(() => {
+        var o;
+        (o = r.value) == null || o.focus(), B();
+      }, 100), g()));
+    }, _ = () => {
+      c.value = void 0, s.value = void 0, u.value = !1, D.value = !1, x(), g();
+    }, V = () => {
+      var p, o;
+      if (c.value && s.value) {
+        const w = u.value ? P : (p = c.value) == null ? void 0 : p.valueOf(), z = D.value ? P : (o = s.value) == null ? void 0 : o.valueOf();
+        e("change", [w || "", z || ""]);
       }
-    }, _ = (x) => {
-      var h;
-      o.value && ((h = document.querySelector(".__date-picker-popover-start__")) != null && h.contains(x.target) || k());
-    }, j = (x) => {
-      var h;
-      u.value && ((h = document.querySelector(".__date-picker-popover-end__")) != null && h.contains(x.target) || g());
+    }, b = (p) => {
+      var o;
+      h.value && ((o = document.querySelector(".__date-picker-popover-start__")) != null && o.contains(p.target) || x());
+    }, j = (p) => {
+      var o;
+      m.value && ((o = document.querySelector(".__date-picker-popover-end__")) != null && o.contains(p.target) || g());
     };
-    return (x, h) => {
-      var E;
-      return A(), S("div", at, [
+    return (p, o) => {
+      var w;
+      return A(), E("div", at, [
         v("div", et, [
-          v("div", tt, [
-            it,
-            z(t(ra), {
-              arrow: !1,
-              "is-show": o.value,
-              boundary: "parent",
-              "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-start__",
-              placement: "bottom-start",
-              theme: "light",
-              trigger: "manual"
-            }, {
-              content: V(() => [
-                z(La, {
-                  "diable-now": f.value,
-                  format: t(I),
-                  "is-now": m.value,
-                  "model-value": c.value,
-                  title: t(r)("开始时间"),
-                  "onUpdate:isNow": h[2] || (h[2] = () => R("start")),
-                  "onUpdate:modelValue": y,
-                  key: "start"
-                }, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
-              ]),
-              default: V(() => {
-                var C;
-                return [
-                  ha(v("input", {
-                    placeholder: t(r)("开始时间"),
-                    value: m.value ? t(P) : (C = c.value) == null ? void 0 : C.format(t(I)),
-                    onBlur: h[0] || (h[0] = (U) => $(U, "start")),
-                    onClick: K,
-                    onKeypress: h[1] || (h[1] = Va((U) => $(U, "start"), ["enter"])),
-                    class: "date-picker-start",
-                    ref_key: "startInput",
-                    ref: l,
-                    spellcheck: "false"
-                  }, null, 40, nt), [
-                    [t(ba), _]
-                  ])
-                ];
-              }),
-              _: 1
-              /* STABLE */
-            }, 8, ["is-show"]),
-            rt,
-            z(t(ra), {
-              arrow: !1,
-              "is-show": u.value,
-              boundary: "parent",
-              "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-end__",
-              placement: "bottom-start",
-              theme: "light",
-              trigger: "manual"
-            }, {
-              content: V(() => [
-                z(La, {
-                  "diable-now": m.value,
-                  format: t(I),
-                  "is-now": f.value,
-                  "model-value": i.value,
-                  title: t(r)("结束时间"),
-                  "onUpdate:isNow": h[5] || (h[5] = () => R("end")),
-                  "onUpdate:modelValue": h[6] || (h[6] = (C) => T(C.endOf("d"))),
-                  key: "end"
-                }, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
-              ]),
-              default: V(() => {
-                var C;
-                return [
-                  ha(v("input", {
-                    placeholder: t(r)("结束时间"),
-                    value: f.value ? t(P) : (C = i.value) == null ? void 0 : C.format(t(I)),
-                    onBlur: h[3] || (h[3] = (U) => $(U, "end")),
-                    onClick: W,
-                    onKeypress: h[4] || (h[4] = Va((U) => $(U, "end"), ["enter"])),
-                    class: "date-picker-end",
-                    ref_key: "endInput",
-                    ref: b
-                  }, null, 40, lt), [
-                    [t(ba), j]
-                  ])
-                ];
+          v(
+            "div",
+            {
+              style: Fa({
+                "border-color": h.value || m.value ? "#3A84FF" : "#C4C6CC"
               }),
-              _: 1
-              /* STABLE */
-            }, 8, ["is-show"]),
-            c.value || i.value ? (A(), H(t(ge), {
-              key: 0,
-              onClick: D,
-              class: "date-picker-clear"
-            })) : ca("v-if", !0)
-          ]),
-          z(_a, {
-            "disable-tips": (E = c.value) != null && E.isAfter(i.value) ? t(r)("开始时间不能大于结束时间") : "",
-            disabled: !N.value,
-            onSubmit: p
+              class: "date-picker"
+            },
+            [
+              tt,
+              S(t(la), {
+                arrow: !1,
+                "is-show": h.value,
+                boundary: "parent",
+                "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-start__",
+                placement: "bottom-start",
+                theme: "light",
+                trigger: "manual"
+              }, {
+                content: $(() => [
+                  S(Ua, {
+                    "diable-now": D.value,
+                    format: t(M),
+                    "is-now": u.value,
+                    "model-value": c.value,
+                    title: t(n)("开始时间"),
+                    "onUpdate:isNow": o[2] || (o[2] = () => R("start")),
+                    "onUpdate:modelValue": I,
+                    key: "start"
+                  }, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
+                ]),
+                default: $(() => {
+                  var z;
+                  return [
+                    va(v("input", {
+                      placeholder: t(n)("开始时间"),
+                      value: u.value ? t(P) : (z = c.value) == null ? void 0 : z.format(t(M)),
+                      onBlur: o[0] || (o[0] = (K) => N(K, "start")),
+                      onClick: B,
+                      onKeypress: o[1] || (o[1] = Na((K) => N(K, "start"), ["enter"])),
+                      class: "date-picker-start",
+                      ref_key: "startInput",
+                      ref: r,
+                      spellcheck: "false"
+                    }, null, 40, it), [
+                      [t(fa), b]
+                    ])
+                  ];
+                }),
+                _: 1
+                /* STABLE */
+              }, 8, ["is-show"]),
+              nt,
+              S(t(la), {
+                arrow: !1,
+                "is-show": m.value,
+                boundary: "parent",
+                "ext-cls": "__bk-date-picker-popover__ __date-picker-popover-end__",
+                placement: "bottom-start",
+                theme: "light",
+                trigger: "manual"
+              }, {
+                content: $(() => [
+                  S(Ua, {
+                    "diable-now": u.value,
+                    format: t(M),
+                    "is-now": D.value,
+                    "model-value": s.value,
+                    title: t(n)("结束时间"),
+                    "onUpdate:isNow": o[5] || (o[5] = () => R("end")),
+                    "onUpdate:modelValue": o[6] || (o[6] = (z) => T(z.endOf("d"))),
+                    key: "end"
+                  }, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
+                ]),
+                default: $(() => {
+                  var z;
+                  return [
+                    va(v("input", {
+                      placeholder: t(n)("结束时间"),
+                      value: D.value ? t(P) : (z = s.value) == null ? void 0 : z.format(t(M)),
+                      onBlur: o[3] || (o[3] = (K) => N(K, "end")),
+                      onClick: F,
+                      onKeypress: o[4] || (o[4] = Na((K) => N(K, "end"), ["enter"])),
+                      class: "date-picker-end",
+                      ref_key: "endInput",
+                      ref: f
+                    }, null, 40, rt), [
+                      [t(fa), j]
+                    ])
+                  ];
+                }),
+                _: 1
+                /* STABLE */
+              }, 8, ["is-show"]),
+              c.value || s.value ? (A(), H(t(ge), {
+                key: 0,
+                onClick: _,
+                class: "date-picker-clear"
+              })) : na("v-if", !0)
+            ],
+            4
+            /* STYLE */
+          ),
+          S(ya, {
+            "disable-tips": (w = c.value) != null && w.isAfter(s.value) ? t(n)("开始时间不能大于结束时间") : "",
+            disabled: !Y.value,
+            onSubmit: V
           }, null, 8, ["disable-tips", "disabled"])
         ]),
-        v("div", st, [
-          G(
-            M(t(r)("支持多种时间格式自动转换")) + " ",
+        v("div", lt, [
+          J(
+            y(t(n)("支持多种时间格式自动转换")) + " ",
             1
             /* TEXT */
           ),
-          z(t(ra), {
+          S(t(la), {
             trigger: "click",
             "ext-cls": "__bk-date-picker-popover__",
             placement: "bottom",
             theme: "light"
           }, {
-            content: V(() => [
-              v("div", ct, [
+            content: $(() => [
+              v("div", st, [
                 v(
                   "div",
-                  ut,
-                  M(t(r)("时间格式支持")),
+                  ct,
+                  y(t(n)("时间格式支持")),
                   1
                   /* TEXT */
                 ),
-                v("table", ot, [
+                v("table", ut, [
                   v("thead", null, [
                     v("tr", null, [
                       v(
                         "th",
                         null,
-                        M(t(r)("格式")),
+                        y(t(n)("格式")),
                         1
                         /* TEXT */
                       ),
                       v(
                         "th",
                         null,
-                        M(t(r)("示例")),
+                        y(t(n)("示例")),
                         1
                         /* TEXT */
                       )
                     ])
                   ]),
                   v("tbody", null, [
-                    (A(!0), S(
-                      L,
+                    (A(!0), E(
+                      U,
                       null,
-                      O(t(Te), (C) => (A(), S("tr", { key: C }, [
+                      O(t(Te), (z) => (A(), E("tr", { key: z }, [
                         v(
                           "td",
                           null,
-                          M(C),
+                          y(z),
                           1
                           /* TEXT */
                         ),
                         v(
                           "td",
                           null,
-                          M(t(Y).format(C)),
+                          y(t(C).format(z)),
                           1
                           /* TEXT */
                         )
@@ -2399,15 +2415,15 @@ const at = { class: "date-wrapper" }, et = { class: "date-input" }, tt = { class
                 ])
               ])
             ]),
-            default: V(() => [
-              z(t(ka), {
+            default: $(() => [
+              S(t(_a), {
                 class: "format-button",
                 text: "",
                 theme: "primary"
               }, {
-                default: V(() => [
-                  G(
-                    M(t(r)("查看支持格式")),
+                default: $(() => [
+                  J(
+                    y(t(n)("查看支持格式")),
                     1
                     /* TEXT */
                   )
@@ -2424,154 +2440,154 @@ const at = { class: "date-wrapper" }, et = { class: "date-input" }, tt = { class
     };
   }
 });
-const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__PURE__ */ Q({
+const dt = { class: "natural-picker" }, mt = ["onClick"], ht = "__", vt = /* @__PURE__ */ X({
   __name: "natural-picker",
   props: {
     value: {}
   },
   emits: ["change"],
-  setup(s, { emit: a }) {
-    const n = B(), e = a, l = s, b = B(), o = ea(pa.slice()), u = B(ja[0].id), c = B(""), i = B(), m = B(o.value[0]);
-    ae(Aa(), "session").forEach((k) => {
-      const [g, y] = k;
-      if (d.isDayjs(g) || d.isDayjs(y))
+  setup(l, { emit: a }) {
+    const i = L(), e = a, r = l, f = L(), h = ea(Aa.slice()), m = L(Ya[0].id), c = L(""), s = L(), u = L(h.value[0]);
+    te(ga(), "session").forEach((x) => {
+      const [g, I] = x;
+      if (d.isDayjs(g) || d.isDayjs(I))
         return;
-      const T = new na(k), { startNum: R, startUnit: D } = T;
-      if (!o.value.find((_) => _.id === g)) {
-        const _ = `${`${r("前")} ${R} ${r(
-          ia[D]
+      const T = new ra(x), { startNum: R, startUnit: _ } = T;
+      if (!h.value.find((b) => b.id === g)) {
+        const b = `${`${n("前")} ${R} ${n(
+          ia[_]
         )}`}`;
-        o.value.unshift({
+        h.value.unshift({
           id: g,
-          name: _,
+          name: b,
           type: aa.custom
         });
       }
     }), oa(
-      () => l.value,
-      (k) => {
-        if (!k || k.dateMode !== w.NATURAL)
+      () => r.value,
+      (x) => {
+        if (!x || x.dateMode !== k.NATURAL)
           return;
-        const [g, y] = k.dateValue;
-        if (d.isDayjs(g) || d.isDayjs(y))
+        const [g, I] = x.dateValue;
+        if (d.isDayjs(g) || d.isDayjs(I))
           return;
-        const { startNum: T, startUnit: R } = k;
-        u.value = y === P ? ma.NOW : ma.ALL;
-        const D = o.value.find((_) => _.id === g && _.type === aa.custom);
-        if (D) {
-          m.value = D;
+        const { startNum: T, startUnit: R } = x;
+        m.value = I === P ? ha.NOW : ha.ALL;
+        const _ = h.value.find((b) => b.id === g && b.type === aa.custom);
+        if (_) {
+          u.value = _;
           return;
         }
-        const p = pa.find((_) => _.id === g && _.type === aa.default);
-        if (y !== P && g !== y && p || !p) {
-          const _ = `${`${r("前")} ${T} ${r(
+        const V = Aa.find((b) => b.id === g && b.type === aa.default);
+        if (I !== P && g !== I && V || !V) {
+          const b = `${`${n("前")} ${T} ${n(
             ia[R]
           )}`}`;
-          o.value.unshift({
+          h.value.unshift({
             id: g,
-            name: _,
+            name: b,
             type: aa.custom
-          }), [m.value] = o.value;
+          }), [u.value] = h.value;
           return;
         }
-        p && (m.value = p);
+        V && (u.value = V);
       },
       {
         immediate: !0
       }
     );
-    const f = (k) => `${k.id}${vt}${k.type}`, I = (k) => {
-      const g = k.id;
-      if (u.value === ma.ALL) {
-        const [, y, T, R] = g.match(xa) || [];
-        return Math.abs(+y) > 1 ? Math.abs(+y) === 2 && T === "d" ? [g, g] : [g, `now-1${T}/${R}`] : [g, g];
+    const D = (x) => `${x.id}${ht}${x.type}`, M = (x) => {
+      const g = x.id;
+      if (m.value === ha.ALL) {
+        const [, I, T, R] = g.match(Ia) || [];
+        return Math.abs(+I) > 1 ? Math.abs(+I) === 2 && T === "d" ? [g, g] : [g, `now-1${T}/${R}`] : [g, g];
       }
       return [g, P];
-    }, Y = (k) => {
+    }, C = (x) => {
       var g;
-      if (k.type === aa.edit) {
-        i.value = 1, c.value = k.id, setTimeout(() => {
-          var y, T, R;
-          (R = (T = (y = n.value) == null ? void 0 : y[0]) == null ? void 0 : T.focus) == null || R.call(T);
+      if (x.type === aa.edit) {
+        s.value = 1, c.value = x.id, setTimeout(() => {
+          var I, T, R;
+          (R = (T = (I = i.value) == null ? void 0 : I[0]) == null ? void 0 : T.focus) == null || R.call(T);
         }, 20);
         return;
       }
-      m.value = k, c.value = "", (g = b.value) == null || g.hidePopover();
-    }, N = (k) => {
-      u.value = k;
-    }, $ = (k, g) => {
-      var R, D;
+      u.value = x, c.value = "", (g = f.value) == null || g.hidePopover();
+    }, Y = (x) => {
+      m.value = x;
+    }, N = (x, g) => {
+      var R, _;
       c.value = "";
-      const y = `now-${+k}${g.unit}/${g.unit}`, T = o.value.find((p) => p.id === y);
+      const I = `now-${+x}${g.unit}/${g.unit}`, T = h.value.find((V) => V.id === I);
       if (T) {
-        m.value = T, (R = b.value) == null || R.hidePopover();
+        u.value = T, (R = f.value) == null || R.hidePopover();
         return;
       }
-      o.value.unshift({
-        id: y,
-        name: g.name.replace("N", k.toString()),
+      h.value.unshift({
+        id: I,
+        name: g.name.replace("N", x.toString()),
         type: aa.custom
-      }), [m.value] = o.value, (D = b.value) == null || D.hidePopover();
-    }, K = (k, g, y) => {
-      !g || +g < 1 || k.key !== "Enter" || !c.value || $(Math.ceil(g), y);
-    }, W = () => {
-      o.value.filter((k) => k.type === aa.custom).forEach((k) => {
-        ee(I(k), Aa(), "session");
-      }), e("change", I(m.value));
+      }), [u.value] = h.value, (_ = f.value) == null || _.hidePopover();
+    }, B = (x, g, I) => {
+      !g || +g < 1 || x.key !== "Enter" || !c.value || N(Math.ceil(g), I);
+    }, F = () => {
+      h.value.filter((x) => x.type === aa.custom).forEach((x) => {
+        ie(M(x), ga(), "session");
+      }), e("change", M(u.value));
     };
-    return (k, g) => (A(), S("div", mt, [
-      z(t(J), {
+    return (x, g) => (A(), E("div", dt, [
+      S(t(Z), {
         clearable: !1,
         "input-search": !1,
-        "model-value": f(m.value),
-        "no-match-text": t(r)("无匹配数据"),
+        "model-value": D(u.value),
+        "no-match-text": t(n)("无匹配数据"),
         "popover-options": { boundary: "parent", extCls: "__bk-date-picker-popover__" },
-        prefix: t(r)("自然日期"),
-        "search-placeholder": t(r)("请输入"),
+        prefix: t(n)("自然日期"),
+        "search-placeholder": t(n)("请输入"),
         class: "natural-date",
         filterable: "",
         ref_key: "naturalSelectRef",
-        ref: b
+        ref: f
       }, {
-        default: V(() => [
-          (A(!0), S(
-            L,
+        default: $(() => [
+          (A(!0), E(
+            U,
             null,
-            O(o.value, (y) => (A(), H(t(J).Option, {
-              id: f(y),
-              key: f(y),
-              name: y.name
+            O(h.value, (I) => (A(), H(t(Z).Option, {
+              id: D(I),
+              key: D(I),
+              name: I.name
             }, {
-              default: V(() => [
+              default: $(() => [
                 v("div", {
-                  onClick: g[1] || (g[1] = qa(() => {
+                  onClick: g[1] || (g[1] = Oa(() => {
                   }, ["prevent", "stop"])),
                   style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
                 }, [
-                  c.value === y.id ? (A(), H(t(Ga), {
+                  c.value === I.id ? (A(), H(t(Wa), {
                     key: 0,
                     clearable: !1,
                     min: 1,
-                    placeholder: t(r)("请输入"),
+                    placeholder: t(n)("请输入"),
                     precision: 0,
-                    prefix: y.prefix,
+                    prefix: I.prefix,
                     "show-control": !0,
-                    suffix: y.suffix,
-                    onKeypress: (T, R) => K(R, T, y),
+                    suffix: I.suffix,
+                    onKeypress: (T, R) => B(R, T, I),
                     autofocus: "true",
                     ref_for: !0,
                     ref_key: "inputRef",
-                    ref: n,
+                    ref: i,
                     size: "small",
                     style: { width: "100%" },
                     type: "number",
-                    modelValue: i.value,
-                    "onUpdate:modelValue": g[0] || (g[0] = (T) => i.value = T)
-                  }, null, 8, ["placeholder", "prefix", "suffix", "onKeypress", "modelValue"])) : (A(), S("div", {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": g[0] || (g[0] = (T) => s.value = T)
+                  }, null, 8, ["placeholder", "prefix", "suffix", "onKeypress", "modelValue"])) : (A(), E("div", {
                     key: 1,
-                    onClick: (T) => Y(y),
+                    onClick: (T) => C(I),
                     style: { width: "100%" }
-                  }, M(y.name), 9, ht))
+                  }, y(I.name), 9, mt))
                 ])
               ]),
               _: 2
@@ -2584,21 +2600,21 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
         _: 1
         /* STABLE */
       }, 8, ["model-value", "no-match-text", "prefix", "search-placeholder"]),
-      z(t(J), {
+      S(t(Z), {
         clearable: !1,
-        "model-value": u.value,
+        "model-value": m.value,
         "popover-options": { boundary: "parent" },
-        onChange: N,
+        onChange: Y,
         class: "natural-unit"
       }, {
-        default: V(() => [
-          (A(!0), S(
-            L,
+        default: $(() => [
+          (A(!0), E(
+            U,
             null,
-            O(t(ja), (y) => (A(), H(t(J).Option, {
-              id: y.id,
-              key: y.id,
-              name: y.name
+            O(t(Ya), (I) => (A(), H(t(Z).Option, {
+              id: I.id,
+              key: I.id,
+              name: I.name
             }, null, 8, ["id", "name"]))),
             128
             /* KEYED_FRAGMENT */
@@ -2607,157 +2623,150 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
         _: 1
         /* STABLE */
       }, 8, ["model-value"]),
-      z(_a, { onSubmit: W })
+      S(ya, { onSubmit: F })
     ]));
   }
 });
-const ft = { class: "recent-picker" }, pt = /* @__PURE__ */ Q({
+const bt = { class: "recent-picker" }, ft = /* @__PURE__ */ X({
   __name: "recent-picker",
   props: {
-    type: { default: w.RECENT },
+    type: { default: k.RECENT },
     value: {}
   },
   emits: ["change"],
-  setup(s, { emit: a }) {
-    const n = a, e = s, l = B("m"), b = B(), o = B(!1);
+  setup(l, { emit: a }) {
+    const i = a, e = l, r = L("m"), f = L();
     oa(
       () => e.value,
-      (i) => {
-        i && e.type === i.dateMode && (l.value = i.recentOrFuturedateUnit, b.value = i.recentOrFuturedateNum || void 0);
+      (c) => {
+        c && e.type === c.dateMode && (r.value = c.recentOrFuturedateUnit, f.value = c.recentOrFuturedateNum || void 0);
       },
       {
         immediate: !0
       }
     );
-    const u = Z(() => !!b.value && !!l.value), c = () => {
-      if (b.value) {
-        if (e.type === w.FUTURE) {
-          n("change", [P, `${w.FUTURE}${b.value}${l.value}`]);
+    const h = W(() => !!f.value && !!r.value), m = () => {
+      if (f.value) {
+        if (e.type === k.FUTURE) {
+          i("change", [P, `${k.FUTURE}${f.value}${r.value}`]);
           return;
         }
-        n("change", [`${w.RECENT}${b.value}${l.value}`, P]);
+        i("change", [`${k.RECENT}${f.value}${r.value}`, P]);
       }
     };
-    return (i, m) => (A(), S("div", ft, [
-      z(t(Ga), {
-        class: la({ "is-focused": o.value }),
+    return (c, s) => (A(), E("div", bt, [
+      S(t(Wa), {
         min: 1,
-        placeholder: t(r)("请输入"),
+        placeholder: t(n)("请输入"),
         precision: 0,
-        prefix: i.type === "now-" ? t(r)("最近") : t(r)("未来"),
+        prefix: c.type === "now-" ? t(n)("最近") : t(n)("未来"),
+        class: "recent-input",
         type: "number",
-        modelValue: b.value,
-        "onUpdate:modelValue": m[3] || (m[3] = (f) => b.value = f)
+        modelValue: f.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => f.value = u)
+      }, null, 8, ["placeholder", "prefix", "modelValue"]),
+      S(t(Z), {
+        clearable: !1,
+        "popover-options": { boundary: "parent" },
+        class: "recent-unit",
+        filterable: "",
+        modelValue: r.value,
+        "onUpdate:modelValue": s[1] || (s[1] = (u) => r.value = u)
       }, {
-        suffix: V(() => [
-          z(t(J), {
-            clearable: !1,
-            "popover-options": { boundary: "parent" },
-            onBlur: m[0] || (m[0] = (f) => o.value = !1),
-            onFocus: m[1] || (m[1] = (f) => o.value = !0),
-            class: "recent-unit",
-            filterable: "",
-            modelValue: l.value,
-            "onUpdate:modelValue": m[2] || (m[2] = (f) => l.value = f)
-          }, {
-            default: V(() => [
-              (A(!0), S(
-                L,
-                null,
-                O(t(Ja), (f) => (A(), H(t(J).Option, {
-                  id: f.id,
-                  key: f.id,
-                  name: f.name
-                }, null, 8, ["id", "name"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue"])
+        default: $(() => [
+          (A(!0), E(
+            U,
+            null,
+            O(t(Za), (u) => (A(), H(t(Z).Option, {
+              id: u.id,
+              key: u.id,
+              name: u.name
+            }, null, 8, ["id", "name"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["class", "placeholder", "prefix", "modelValue"]),
-      z(_a, {
-        disabled: !u.value,
-        onSubmit: c
+      }, 8, ["modelValue"]),
+      S(ya, {
+        disabled: !h.value,
+        onSubmit: m
       }, null, 8, ["disabled"])
     ]));
   }
 });
-const At = { class: "option-name" }, gt = { class: "option-country" }, xt = { class: "option-utc" }, It = { class: "option-name" }, kt = { class: "option-country" }, _t = { class: "option-utc" }, yt = /* @__PURE__ */ Q({
+const pt = { class: "option-name" }, At = { class: "option-country" }, gt = { class: "option-utc" }, xt = { class: "option-name" }, It = { class: "option-country" }, kt = { class: "option-utc" }, _t = /* @__PURE__ */ X({
   __name: "timezone-picker",
   props: {
     value: {}
   },
   emits: ["change"],
-  setup(s, { emit: a }) {
-    const n = a, e = ea(Qa), l = (o) => {
-      const u = Xa(o);
-      n("change", o, u);
-    }, b = (o, u) => {
-      var c, i, m, f;
-      return ((c = u.label) == null ? void 0 : c.toLowerCase().includes(o.toLowerCase())) || ((i = u.country) == null ? void 0 : i.toLowerCase().includes(o.toLowerCase())) || ((m = u.abbreviation) == null ? void 0 : m.toLowerCase().includes(o.toLowerCase())) || ((f = u.utc) == null ? void 0 : f.toLowerCase().includes(o.toLowerCase()));
+  setup(l, { emit: a }) {
+    const i = a, e = ea(ae), r = (h) => {
+      const m = ee(h);
+      i("change", h, m);
+    }, f = (h, m) => {
+      var c, s, u, D;
+      return ((c = m.label) == null ? void 0 : c.toLowerCase().includes(h.toLowerCase())) || ((s = m.country) == null ? void 0 : s.toLowerCase().includes(h.toLowerCase())) || ((u = m.abbreviation) == null ? void 0 : u.toLowerCase().includes(h.toLowerCase())) || ((D = m.utc) == null ? void 0 : D.toLowerCase().includes(h.toLowerCase()));
     };
-    return (o, u) => (A(), H(t(J), {
+    return (h, m) => (A(), H(t(Z), {
       clearable: !1,
-      "filter-option": b,
+      "filter-option": f,
       "input-search": !1,
-      "model-value": o.value,
-      "no-match-text": t(r)("无匹配数据"),
-      placeholder: t(r)("请输入搜索（国家，城市，简称）"),
+      "model-value": h.value,
+      "no-match-text": t(n)("无匹配数据"),
+      placeholder: t(n)("请输入搜索（国家，城市，简称）"),
       "popover-options": { "ext-cls": "__bk-date-picker-popover__" },
-      "search-placeholder": t(r)("请输入搜索（国家，城市，简称）"),
-      onChange: l,
+      "search-placeholder": t(n)("请输入搜索（国家，城市，简称）"),
+      onChange: r,
       class: "timezone-picker",
       filterable: ""
     }, {
-      default: V(() => [
-        (A(!0), S(
-          L,
+      default: $(() => [
+        (A(!0), E(
+          U,
           null,
-          O(e.value, (c) => (A(), S(
-            L,
+          O(e.value, (c) => (A(), E(
+            U,
             null,
             [
-              c.label.length < 1 ? (A(!0), S(
-                L,
+              c.label.length < 1 ? (A(!0), E(
+                U,
                 { key: 0 },
-                O(c.options, (i) => (A(), H(t(J).Option, Na(i, {
-                  id: i.label,
-                  key: i.label,
-                  name: i.label
+                O(c.options, (s) => (A(), H(t(Z).Option, $a(s, {
+                  id: s.label,
+                  key: s.label,
+                  name: s.label
                 }), {
-                  default: V(() => [
+                  default: $(() => [
                     v(
                       "div",
                       {
-                        class: la({
+                        class: ua({
                           "timezone-picker-option": !0,
-                          "is-selected": i.label === o.value
+                          "is-selected": s.label === h.value
                         })
                       },
                       [
                         v(
                           "span",
-                          At,
-                          M(t(r)("浏览器时区")) + " " + M(i.label),
+                          pt,
+                          y(t(n)("浏览器时区")) + " " + y(s.label),
                           1
                           /* TEXT */
                         ),
                         v(
                           "span",
-                          gt,
-                          M(i.country) + ", " + M(i.abbreviation),
+                          At,
+                          y(s.country) + ", " + y(s.abbreviation),
                           1
                           /* TEXT */
                         ),
                         v(
                           "span",
-                          xt,
-                          M(i.utc),
+                          gt,
+                          y(s.utc),
                           1
                           /* TEXT */
                         )
@@ -2771,51 +2780,51 @@ const At = { class: "option-name" }, gt = { class: "option-country" }, xt = { cl
                 }, 1040, ["id", "name"]))),
                 128
                 /* KEYED_FRAGMENT */
-              )) : (A(), S(
-                L,
+              )) : (A(), E(
+                U,
                 { key: 1 },
                 [
-                  c.options.length ? (A(), H(t(J).Group, {
+                  c.options.length ? (A(), H(t(Z).Group, {
                     key: c.label,
                     label: c.label
                   }, {
-                    default: V(() => [
-                      (A(!0), S(
-                        L,
+                    default: $(() => [
+                      (A(!0), E(
+                        U,
                         null,
-                        O(c.options, (i) => (A(), H(t(J).Option, Na(i, {
-                          id: i.label,
-                          key: i.label,
-                          name: i.label
+                        O(c.options, (s) => (A(), H(t(Z).Option, $a(s, {
+                          id: s.label,
+                          key: s.label,
+                          name: s.label
                         }), {
-                          default: V(() => [
+                          default: $(() => [
                             v(
                               "div",
                               {
-                                class: la({
+                                class: ua({
                                   "timezone-picker-option": !0,
-                                  "is-selected": i.label === o.value
+                                  "is-selected": s.label === h.value
                                 })
                               },
                               [
                                 v(
                                   "span",
-                                  It,
-                                  M(i.label),
+                                  xt,
+                                  y(s.label),
                                   1
                                   /* TEXT */
                                 ),
                                 v(
                                   "span",
-                                  kt,
-                                  M(i.country) + ", " + M(i.abbreviation),
+                                  It,
+                                  y(s.country) + ", " + y(s.abbreviation),
                                   1
                                   /* TEXT */
                                 ),
                                 v(
                                   "span",
-                                  _t,
-                                  M(i.utc),
+                                  kt,
+                                  y(s.utc),
                                   1
                                   /* TEXT */
                                 )
@@ -2833,7 +2842,7 @@ const At = { class: "option-name" }, gt = { class: "option-country" }, xt = { cl
                     ]),
                     _: 2
                     /* DYNAMIC */
-                  }, 1032, ["label"])) : ca("v-if", !0)
+                  }, 1032, ["label"])) : na("v-if", !0)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -2851,16 +2860,16 @@ const At = { class: "option-name" }, gt = { class: "option-country" }, xt = { cl
     }, 8, ["model-value", "no-match-text", "placeholder", "search-placeholder"]));
   }
 });
-const wt = { class: "panel-wrapper" }, Dt = {
+const yt = { class: "panel-wrapper" }, wt = {
   key: 0,
   class: "common-date-list"
-}, Mt = ["onClick"], Et = {
+}, Dt = ["onClick"], Mt = {
   key: 1,
   class: "common-wrapper"
-}, zt = { class: "empty-tips" }, St = {
+}, zt = { class: "empty-tips" }, Et = {
   key: 2,
   class: "time-zone-panel"
-}, Ct = { class: "time-zone" }, Pt = { class: "time-zone-area" }, Tt = { class: "time-zone-tag" }, Vt = { class: "time-zone-picker" }, Nt = /* @__PURE__ */ Q({
+}, St = { class: "time-zone" }, Ct = { class: "time-zone-area" }, Pt = { class: "time-zone-tag" }, Tt = { class: "time-zone-picker" }, Vt = /* @__PURE__ */ X({
   __name: "panel-wrapper",
   props: {
     defaultDate: {},
@@ -2868,65 +2877,65 @@ const wt = { class: "panel-wrapper" }, Dt = {
     timezone: {}
   },
   emits: ["change", "update:timezone"],
-  setup(s, { emit: a }) {
-    const n = s, { commonUseList: e, format: l, storeKey: b, timezoneInfo: o, version: u } = Za(), c = a, i = B(!1), m = B("common"), f = Z(() => {
-      const D = localStorage.getItem(Ba(u.value));
-      return D ? Object.values(w).includes(D) ? D : null : w.Date;
-    }), I = B(f.value || n.defaultDate.dateMode), Y = d.tz.guess(), N = ea(ae(b.value)), $ = Z(
-      () => (m.value === "common" ? e.value || ga : N.value).map(
-        (D) => new na(D, l.value, n.timezone)
+  setup(l, { emit: a }) {
+    const i = l, { commonUseList: e, format: r, storeKey: f, timezoneInfo: h, version: m } = Xa(), c = a, s = L(!1), u = L("common"), D = W(() => {
+      const _ = localStorage.getItem(Ba(m.value));
+      return _ ? Object.values(k).includes(_) ? _ : null : k.Date;
+    }), M = L(D.value || i.defaultDate.dateMode), C = d.tz.guess(), Y = ea(te(f.value)), N = W(
+      () => (u.value === "common" ? e.value || xa : Y.value).map(
+        (_) => new ra(_, r.value, i.timezone)
       )
-    ), K = (D) => {
-      c("change", D);
-    }, W = () => {
-      switch (I.value) {
-        case w.RECENT:
-        case w.FUTURE:
-          return pt;
-        case w.NATURAL:
-          return bt;
-        case w.Date:
+    ), B = (_) => {
+      c("change", _);
+    }, F = () => {
+      switch (M.value) {
+        case k.RECENT:
+        case k.FUTURE:
+          return ft;
+        case k.NATURAL:
+          return vt;
+        case k.Date:
         default:
-          return dt;
+          return ot;
       }
-    }, k = () => {
-      i.value = !i.value;
-    }, g = (D, p) => {
-      c("update:timezone", D, p);
-    }, y = (D) => {
-      I.value = D, localStorage.setItem(Ba(u.value), D);
-    }, T = (D, p) => {
-      var _, j, x, h, E, C;
-      return !D || !p ? !1 : ((j = (_ = D.dateValue) == null ? void 0 : _.join) == null ? void 0 : j.call(_, "~")) === ((h = (x = p == null ? void 0 : p.dateValue) == null ? void 0 : x.join) == null ? void 0 : h.call(x, "~")) || ((E = D == null ? void 0 : D.toDisplayString) == null ? void 0 : E.call(D)) === ((C = p == null ? void 0 : p.toDisplayString) == null ? void 0 : C.call(p));
+    }, x = () => {
+      s.value = !s.value;
+    }, g = (_, V) => {
+      c("update:timezone", _, V);
+    }, I = (_) => {
+      M.value = _, localStorage.setItem(Ba(m.value), _);
+    }, T = (_, V) => {
+      var b, j, p, o, w, z;
+      return !_ || !V ? !1 : ((j = (b = _.dateValue) == null ? void 0 : b.join) == null ? void 0 : j.call(b, "~")) === ((o = (p = V == null ? void 0 : V.dateValue) == null ? void 0 : p.join) == null ? void 0 : o.call(p, "~")) || ((w = _ == null ? void 0 : _.toDisplayString) == null ? void 0 : w.call(_)) === ((z = V == null ? void 0 : V.toDisplayString) == null ? void 0 : z.call(V));
     }, R = () => {
-      N.value = [], localStorage.removeItem(b.value);
+      Y.value = [], localStorage.removeItem(f.value);
     };
-    return (D, p) => (A(), S("div", wt, [
-      z(Ya, {
-        panels: t(Ee),
-        "show-delete-all": m.value === "recent" && !!N.value.length,
+    return (_, V) => (A(), E("div", yt, [
+      S(Ra, {
+        panels: t(ze),
+        "show-delete-all": u.value === "recent" && !!Y.value.length,
         onConfirm: R,
-        modelValue: m.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (_) => m.value = _)
+        modelValue: u.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (b) => u.value = b)
       }, null, 8, ["panels", "show-delete-all", "modelValue"]),
-      $.value.length ? (A(), S("ul", Dt, [
-        (A(!0), S(
-          L,
+      N.value.length ? (A(), E("ul", wt, [
+        (A(!0), E(
+          U,
           null,
-          O($.value, (_, j) => (A(), S("li", {
-            class: la({
+          O(N.value, (b, j) => (A(), E("li", {
+            class: ua({
               "list-item": !0,
-              "is-recent-item": m.value === "recent",
-              "is-selected": T(_, D.defaultDate)
+              "is-recent-item": u.value === "recent",
+              "is-selected": T(b, _.defaultDate)
             }),
             key: j,
-            onClick: (x) => K(_.dateValue)
-          }, M(_.toDisplayString()), 11, Mt))),
+            onClick: (p) => B(b.dateValue)
+          }, y(b.toDisplayString()), 11, Dt))),
           128
           /* KEYED_FRAGMENT */
         ))
-      ])) : (A(), S("div", Et, [
-        z(t(ke), {
+      ])) : (A(), E("div", Mt, [
+        S(t(ke), {
           class: "empty-content",
           scene: "part",
           type: "empty"
@@ -2934,67 +2943,66 @@ const wt = { class: "panel-wrapper" }, Dt = {
         v(
           "div",
           zt,
-          M(m.value === "recent" ? t(r)("暂无最近使用记录") : t(r)("暂无常用时间")),
+          y(u.value === "recent" ? t(n)("暂无最近使用记录") : t(n)("暂无常用时间")),
           1
           /* TEXT */
         )
       ])),
-      z(Ya, {
-        "model-value": I.value,
-        panels: t(ze),
-        "onUpdate:modelValue": y,
+      S(Ra, {
+        "model-value": M.value,
+        panels: t(Ee),
+        "onUpdate:modelValue": I,
         class: "date-pick-tab"
       }, null, 8, ["model-value", "panels"]),
       (A(), H(
-        oe,
+        de,
         null,
         [
-          (A(), H(de(W()), {
-            key: I.value,
-            type: I.value,
-            value: D.defaultDate,
-            onChange: K
+          (A(), H(me(F()), {
+            key: M.value,
+            type: M.value,
+            value: _.defaultDate,
+            onChange: B
           }, null, 40, ["type", "value"]))
         ],
         1024
         /* DYNAMIC_SLOTS */
       )),
-      D.needTimezone ? (A(), S("div", St, [
-        G(
-          M(t(o).label === t(Y) ? t(r)("浏览器时区") : "") + " ",
+      _.needTimezone ? (A(), E("div", Et, [
+        J(
+          y(t(h).label === t(C) ? t(n)("浏览器时区") : "") + " ",
           1
           /* TEXT */
         ),
-        v("span", Ct, [
-          G(
-            M(t(o).label) + " ",
+        v("span", St, [
+          J(
+            y(t(h).label) + " ",
             1
             /* TEXT */
           ),
           v(
             "span",
-            Pt,
-            M(t(o).country) + ", " + M(t(o).abbreviation),
+            Ct,
+            y(t(h).country) + ", " + y(t(h).abbreviation),
             1
             /* TEXT */
           )
         ]),
         v(
           "span",
-          Tt,
-          M(t(o).utc),
+          Pt,
+          y(t(h).utc),
           1
           /* TEXT */
         ),
-        z(t(ka), {
-          text: !0,
-          onClick: k,
-          size: "small",
-          theme: "primary"
+        S(t(_a), {
+          onClick: x,
+          class: "time-zone-btn",
+          size: "small"
         }, {
-          default: V(() => [
-            G(
-              M(t(r)("时区设置")),
+          default: $(() => [
+            J(
+              y(t(n)("时区设置")),
               1
               /* TEXT */
             )
@@ -3002,25 +3010,25 @@ const wt = { class: "panel-wrapper" }, Dt = {
           _: 1
           /* STABLE */
         })
-      ])) : ca("v-if", !0),
-      ha(v(
+      ])) : na("v-if", !0),
+      va(v(
         "div",
-        Vt,
+        Tt,
         [
-          z(yt, {
-            value: D.timezone || t(Y),
+          S(_t, {
+            value: _.timezone || t(C),
             onChange: g
           }, null, 8, ["value"])
         ],
         512
         /* NEED_PATCH */
       ), [
-        [me, i.value]
+        [he, s.value]
       ])
     ]));
   }
 });
-const $t = /* @__PURE__ */ v(
+const Nt = /* @__PURE__ */ v(
   "svg",
   {
     class: "date-content-icon",
@@ -3043,15 +3051,18 @@ const $t = /* @__PURE__ */ v(
   ],
   -1
   /* HOISTED */
-), jt = {
+), $t = {
   key: 0,
   class: "date-content-utc"
-}, Bt = { class: "date-tooltips-timezone" }, fi = /* @__PURE__ */ Q({
+}, jt = { class: "date-tooltips-timezone" }, Yt = {
+  key: 0,
+  class: "date-tooltips-diff"
+}, fi = /* @__PURE__ */ X({
   name: "DatePicker",
   __name: "date-picker",
   props: {
     behavior: { default: "normal" },
-    commonUseList: { default: ga },
+    commonUseList: { default: xa },
     disabled: { type: Boolean },
     format: { default: "YYYY-MM-DD HH:mm:ss" },
     modelValue: {},
@@ -3060,149 +3071,157 @@ const $t = /* @__PURE__ */ v(
     version: { default: "1.0" }
   },
   emits: ["update:modelValue", "update:timezone"],
-  setup(s, { expose: a, emit: n }) {
+  setup(l, { expose: a, emit: i }) {
     d.locale({
-      ...va === "en" ? xe : Ie,
+      ...ba === "en" ? xe : Ie,
       weekStart: 1
     }), be({
       prefix: "bk"
     });
-    const e = s, l = n, b = B(), o = B(), u = Z(() => e.format), c = Z(() => Xa(e.timezone || d.tz.guess())), i = ea(new na(e.modelValue, e.format, e.timezone)), m = Z(() => Aa(e.version)), f = B(!1), I = B(!1);
+    const e = l, r = i, f = L(), h = L(), m = W(() => e.format), c = W(() => ee(e.timezone || d.tz.guess())), s = W(() => {
+      const b = e.timezone;
+      if (!b || e.timezone === d.tz.guess())
+        return "";
+      const j = d().utcOffset(), o = (d.tz(d(), b).utcOffset() - j) / 60;
+      return o > 0 ? `+${o}` : o + "";
+    }), u = ea(new ra(e.modelValue, e.format, e.timezone)), D = W(() => ga(e.version)), M = L(!1), C = L(!1);
     oa(
       () => e.modelValue,
-      (p) => {
-        var _, j;
-        (j = (_ = i.value) == null ? void 0 : _.dateValue) != null && j.length && i.value.dateValue.every((x, h) => x === (p == null ? void 0 : p[h])) || (i.value = new na(p, u.value, e.timezone));
+      (b) => {
+        var j, p;
+        (p = (j = u.value) == null ? void 0 : j.dateValue) != null && p.length && u.value.dateValue.every((o, w) => o === (b == null ? void 0 : b[w])) || (u.value = new ra(b, m.value, e.timezone));
       },
       {
         immediate: !0
       }
     );
-    const Y = Z(() => {
-      var p;
-      return (p = e.commonUseList) != null && p.length ? e.commonUseList : ga;
+    const Y = W(() => {
+      var b;
+      return (b = e.commonUseList) != null && b.length ? e.commonUseList : xa;
     });
     $e({
       commonUseList: Y,
-      format: u,
-      storeKey: m,
-      t: r,
+      format: m,
+      storeKey: D,
+      t: n,
       timezoneInfo: c,
-      version: Z(() => e.version)
-    }), he(() => {
-      I.value = !1, f.value = !1;
+      version: W(() => e.version)
+    }), ve(() => {
+      C.value = !1, M.value = !1;
     });
     const N = () => {
-      I.value = !0;
-    }, $ = () => {
       setTimeout(() => {
-        I.value = !1;
-      }, 100);
-    }, K = (p) => {
-      f.value = !1;
-      const [_, j] = p, [x, h] = e.modelValue || [];
-      if (_ && j && _ === x && j === h)
+        C.value = !0;
+      }, 64);
+    }, B = () => {
+      setTimeout(() => {
+        C.value = !1;
+      }, 64);
+    }, F = (b) => {
+      M.value = !1;
+      const [j, p] = b, [o, w] = e.modelValue || [];
+      if (j && p && j === o && p === w)
         return;
-      i.value = new na(p, u.value, e.timezone);
-      const E = i.value.toEmitValue();
-      l("update:modelValue", ...E), !Y.value.some((U) => U[0] === _ && U[1] === j) && i.value.isValidate && ee(p, m.value);
-    }, W = (p, _) => {
-      i.value = new na(e.modelValue, u.value, p), l("update:timezone", p, { ..._ }), sessionStorage.setItem(Pe, p);
-    }, k = () => {
-      f.value = !1;
-    }, g = (p) => {
-      var E;
-      if (((E = i.value.dateValue) == null ? void 0 : E.length) < 2)
+      u.value = new ra(b, m.value, e.timezone);
+      const z = u.value.toEmitValue();
+      r("update:modelValue", ...z), !Y.value.some((da) => da[0] === j && da[1] === p) && u.value.isValidate && ie(b, D.value);
+    }, x = (b, j) => {
+      u.value = new ra(e.modelValue, m.value, b), r("update:timezone", b, { ...j }), sessionStorage.setItem(Pe, b);
+    }, g = () => {
+      M.value = !1;
+    }, I = (b) => {
+      var z;
+      if (((z = u.value.dateValue) == null ? void 0 : z.length) < 2)
         return;
-      const { endDate: _, startDate: j } = i.value, x = i.value.dateDuration(), h = p === "left" ? [j.subtract(x).format(u.value), _.subtract(x).format(u.value)] : [j.add(x).format(u.value), _.add(x).format(u.value)];
-      K(h);
-    }, y = () => {
-      g("left");
+      const { endDate: j, startDate: p } = u.value, o = u.value.dateDuration(), w = b === "left" ? [p.subtract(o).format(m.value), j.subtract(o).format(m.value)] : [p.add(o).format(m.value), j.add(o).format(m.value)];
+      F(w);
     }, T = () => {
-      g("right");
-    }, R = (p) => {
-      f.value && (Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some(
-        (_) => _.contains(p.target)
-      ) || k());
-    }, D = () => {
-      f.value = !f.value, f.value && (I.value = !1);
+      I("left");
+    }, R = () => {
+      I("right");
+    }, _ = (b) => {
+      M.value && (Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some(
+        (j) => j.contains(b.target)
+      ) || g());
+    }, V = () => {
+      M.value = !M.value, M.value && (C.value = !1);
     };
     return a({
       handleHidePanel: () => {
-        f.value = !1;
+        M.value = !1;
       },
       handleShowPanel: () => {
-        f.value = !0;
+        M.value = !0;
       }
-    }), (p, _) => (A(), S(
+    }), (b, j) => (A(), E(
       "div",
       {
-        class: la({
+        class: ua({
           __bk_date_picker__: !0,
-          "is-simplicity": p.behavior === "simplicity",
-          "is-disabled": p.disabled
+          "is-simplicity": b.behavior === "simplicity",
+          "is-disabled": b.disabled
         })
       },
       [
         v("span", {
-          onClick: y,
+          onClick: T,
           class: "date-icon"
         }, [
-          z(t(Oa), { class: "date-icon-left" })
+          S(t(Ga), { class: "date-icon-left" })
         ]),
-        z(t(ra), {
+        S(t(la), {
           arrow: !1,
-          "is-show": f.value,
+          "is-show": M.value,
           offset: { mainAxis: 10, crossAxis: 10, alignmentAxis: -32 },
-          onAfterHidden: k,
+          onAfterHidden: g,
           "ext-cls": "bk-date-picker-popover __bk-date-picker-popover__",
           placement: "bottom-start",
           theme: "light",
           trigger: "manual"
         }, {
-          content: V(() => [
-            z(Nt, {
-              "default-date": i.value,
-              "need-timezone": p.needTimezone,
-              timezone: p.timezone,
-              onChange: K,
-              "onUpdate:timezone": W
+          content: $(() => [
+            S(Vt, {
+              "default-date": u.value,
+              "need-timezone": b.needTimezone,
+              timezone: b.timezone,
+              onChange: F,
+              "onUpdate:timezone": x
             }, null, 8, ["default-date", "need-timezone", "timezone"])
           ]),
-          default: V(() => {
-            var j;
+          default: $(() => {
+            var p;
             return [
-              ha((A(), S(
+              va((A(), E(
                 "span",
                 {
-                  onClick: D,
+                  onClick: V,
                   onMouseenter: N,
-                  onMouseleave: $,
+                  onMouseleave: B,
                   class: "date-content",
                   ref_key: "dateContentRef",
-                  ref: o
+                  ref: h
                 },
                 [
-                  $t,
+                  Nt,
                   v(
                     "span",
                     null,
-                    M(i.value.toDisplayString()),
+                    y(u.value.toDisplayString()),
                     1
                     /* TEXT */
                   ),
-                  p.needTimezone && c.value.label !== t(d).tz.guess() ? (A(), S(
+                  b.needTimezone && c.value.label !== t(d).tz.guess() ? (A(), E(
                     "span",
-                    jt,
-                    M(c.value.abbreviation || ((j = c.value.utc) == null ? void 0 : j.replace("UTC", "").replace(":00", ""))),
+                    $t,
+                    y(c.value.abbreviation || ((p = c.value.utc) == null ? void 0 : p.replace("UTC", "").replace(":00", ""))),
                     1
                     /* TEXT */
-                  )) : ca("v-if", !0)
+                  )) : na("v-if", !0)
                 ],
                 32
                 /* HYDRATE_EVENTS */
               )), [
-                [t(ba), R]
+                [t(fa), _]
               ])
             ];
           }),
@@ -3210,52 +3229,59 @@ const $t = /* @__PURE__ */ v(
           /* STABLE */
         }, 8, ["is-show"]),
         v("span", {
-          onClick: T,
+          onClick: R,
           class: "date-icon"
         }, [
-          z(t(Fa), { class: "date-icon-right" })
+          S(t(Ja), { class: "date-icon-right" })
         ]),
-        z(t(ra), {
-          "is-show": I.value,
+        S(t(la), {
+          "is-show": C.value,
           offset: 12,
-          target: o.value,
+          target: h.value,
           placement: "top",
           trigger: "manual"
         }, {
-          content: V(() => {
-            var j, x;
+          content: $(() => {
+            var p, o;
             return [
               v(
                 "div",
                 {
-                  style: ve({ maxWidth: t(va) === "en" ? "180px" : "156px" }),
+                  style: Fa({ maxWidth: t(ba) === "en" ? "210px" : "156px" }),
                   class: "__date-tooltips__",
                   ref_key: "dateTooltipsRef",
-                  ref: b
+                  ref: f
                 },
                 [
                   v(
                     "div",
                     null,
-                    M((j = i.value) == null ? void 0 : j.startDisplayText),
+                    y((p = u.value) == null ? void 0 : p.startDisplayText),
                     1
                     /* TEXT */
                   ),
-                  G(" to "),
+                  J(" to "),
                   v(
                     "div",
                     null,
-                    M((x = i.value) == null ? void 0 : x.endDisplayText),
+                    y((o = u.value) == null ? void 0 : o.endDisplayText),
                     1
                     /* TEXT */
                   ),
                   v(
                     "div",
-                    Bt,
-                    M(c.value.label === t(d).tz.guess() ? `${t(r)("浏览器时区")} (${c.value.label})` : c.value.label),
+                    jt,
+                    y(c.value.label === t(d).tz.guess() ? `${t(n)("浏览器时区")} (${c.value.label})` : c.value.label),
                     1
                     /* TEXT */
-                  )
+                  ),
+                  s.value ? (A(), E(
+                    "div",
+                    Yt,
+                    y(t(n)("时差：n小时").replace("n", s.value)),
+                    1
+                    /* TEXT */
+                  )) : na("v-if", !0)
                 ],
                 4
                 /* STYLE */
@@ -3271,36 +3297,36 @@ const $t = /* @__PURE__ */ v(
     ));
   }
 });
-d.extend(Ua);
-d.extend(se);
 d.extend(Ha);
+d.extend(ce);
 d.extend(Ka);
+d.extend(qa);
 export {
-  pa as CommonNaturalOptions,
+  Aa as CommonNaturalOptions,
   vi as DATE_REGEX_FORMAT,
   Ne as DATE_REGEX_PARSE,
   fi as DatePicker,
-  na as DateRange,
-  Ja as DateUnitList,
+  ra as DateRange,
+  Za as DateUnitList,
   aa as NaturalOptionType,
-  ma as NaturalUnit,
+  ha as NaturalUnit,
   P as NowConstant,
-  ga as commonDateList,
-  ua as commonDateRegexp,
+  xa as commonDateList,
+  ca as commonDateRegexp,
   Te as dateFormatList,
-  ze as datePickTabList,
+  Ee as datePickTabList,
   sa as dateUnit,
   gi as dayjs,
   fi as default,
   Le as futureDateRegexp,
-  Aa as getStoreKey,
+  ga as getStoreKey,
   Ba as getStoreTabKey,
-  xa as naturalDateRegexp,
+  Ia as naturalDateRegexp,
   Ve as naturalDateShortcutMap,
-  ja as naturalUnitOptions,
-  Ee as panels,
+  Ya as naturalUnitOptions,
+  ze as panels,
   Re as recentDateRegexp,
   Pe as timezoneStoreKey,
   bi as transformDateRange2Dayjs,
-  Ia as transformValue2Dayjs
+  ka as transformValue2Dayjs
 };