@jctrans-materials/comps-vue2 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1538 @@
+import ee, { ref as C, computed as st, onMounted as ne, onBeforeUnmount as Nt, defineComponent as oe, toRef as xt, watch as bt, reactive as se } from "vue";
+import { locationSearchV2 as Ht, emitter as W, MODAL_ACTION as G } from "@jctrans-materials/shared";
+import { MODAL_ACTION as In, emitter as Bn } from "@jctrans-materials/shared";
+import { Col as Ct, Row as Rt, Checkbox as Dt, Button as St, Input as Ot, FormItem as Et, Form as kt, Dialog as _t } from "jctrans-ui";
+ee.util.warn;
+function ie(e) {
+  const t = C([]), n = "_search_history_cache", o = typeof window < "u" && typeof localStorage < "u", s = st(
+    () => (e.value || "") + n
+  ), i = st(
+    () => e.value && e.value !== ""
+  ), l = (a) => {
+    if (!a || !o) return;
+    const c = t.value.filter(
+      (d) => d.id && d.id !== a.id || d.display !== a.display
+    );
+    c.unshift(a);
+    const u = c.slice(0, 4);
+    if (t.value = u, i.value)
+      try {
+        localStorage.setItem(s.value, JSON.stringify(u));
+      } catch (d) {
+        console.warn("LocalStorage save failed:", d);
+      }
+  }, r = () => {
+    t.value = [], o && localStorage.removeItem(s.value);
+  };
+  return ne(() => {
+    if (o && i.value) {
+      const a = localStorage.getItem(s.value);
+      if (a)
+        try {
+          t.value = JSON.parse(a);
+        } catch {
+          t.value = [];
+        }
+    }
+  }), {
+    searchHistory: t,
+    saveToHistory: l,
+    clearHistory: r,
+    HasHistory: i
+  };
+}
+async function le(e, t = [
+  "Continent",
+  "Country",
+  "City",
+  "Seaport",
+  "Airport"
+], n = {}) {
+  return Ht.searchByName({
+    keyword: e,
+    displayInfo: t,
+    ...n
+  });
+}
+const re = (e, t) => Ht.searchByIdWithType(e, t);
+function ae(e, t) {
+  const n = C([]), o = C(!1), s = C(!1), i = C(1), l = C(0), r = C(10), a = st(() => l.value === 0 ? !1 : n.value.length >= l.value), c = st(() => {
+    const m = [...t.value];
+    return m.includes("Country") && !m.includes("Region") && m.push("Region"), m;
+  }), u = (m) => !m || !Array.isArray(m) ? [] : m.filter(
+    (f) => c.value.includes(f.type)
+  );
+  return {
+    searchResults: n,
+    loading: o,
+    isFetchingMore: s,
+    isFinished: a,
+    currentPage: i,
+    total: l,
+    fetchData: async (m = 1, f = !1) => {
+      if (!e.value.trim() && !f) {
+        n.value = [], l.value = 0;
+        return;
+      }
+      if (!(f && (s.value || a.value)) && !(!f && o.value)) {
+        f ? s.value = !0 : (o.value = !0, i.value = 1);
+        try {
+          const p = await le(
+            e.value,
+            t.value,
+            {
+              current: m,
+              // 使用传入的 page 参数
+              size: r.value
+            }
+          ), h = p.records || [], v = u(h);
+          f ? n.value = [...n.value, ...v] : n.value = v, l.value = p.total || 0, i.value = m;
+        } catch (p) {
+          console.error("Failed to fetch search results:", p);
+        } finally {
+          o.value = !1, s.value = !1;
+        }
+      }
+    },
+    filterByTypes: u
+  };
+}
+const Y = Math.min, R = Math.max, it = Math.round, ot = Math.floor, F = (e) => ({
+  x: e,
+  y: e
+}), ce = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ue = {
+  start: "end",
+  end: "start"
+};
+function Tt(e, t, n) {
+  return R(e, Y(t, n));
+}
+function tt(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function N(e) {
+  return e.split("-")[0];
+}
+function et(e) {
+  return e.split("-")[1];
+}
+function qt(e) {
+  return e === "x" ? "y" : "x";
+}
+function Ut(e) {
+  return e === "y" ? "height" : "width";
+}
+const fe = /* @__PURE__ */ new Set(["top", "bottom"]);
+function V(e) {
+  return fe.has(N(e)) ? "y" : "x";
+}
+function Wt(e) {
+  return qt(V(e));
+}
+function de(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = et(e), s = Wt(e), i = Ut(s);
+  let l = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (l = lt(l)), [l, lt(l)];
+}
+function me(e) {
+  const t = lt(e);
+  return [pt(e), t, pt(t)];
+}
+function pt(e) {
+  return e.replace(/start|end/g, (t) => ue[t]);
+}
+const Ft = ["left", "right"], Lt = ["right", "left"], pe = ["top", "bottom"], he = ["bottom", "top"];
+function ge(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? Lt : Ft : t ? Ft : Lt;
+    case "left":
+    case "right":
+      return t ? pe : he;
+    default:
+      return [];
+  }
+}
+function ve(e, t, n, o) {
+  const s = et(e);
+  let i = ge(N(e), n === "start", o);
+  return s && (i = i.map((l) => l + "-" + s), t && (i = i.concat(i.map(pt)))), i;
+}
+function lt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => ce[t]);
+}
+function ye(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Ae(e) {
+  return typeof e != "number" ? ye(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function rt(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: s
+  } = e;
+  return {
+    width: o,
+    height: s,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + s,
+    x: t,
+    y: n
+  };
+}
+function It(e, t, n) {
+  let {
+    reference: o,
+    floating: s
+  } = e;
+  const i = V(t), l = Wt(t), r = Ut(l), a = N(t), c = i === "y", u = o.x + o.width / 2 - s.width / 2, d = o.y + o.height / 2 - s.height / 2, m = o[r] / 2 - s[r] / 2;
+  let f;
+  switch (a) {
+    case "top":
+      f = {
+        x: u,
+        y: o.y - s.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: u,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      f = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      f = {
+        x: o.x - s.width,
+        y: d
+      };
+      break;
+    default:
+      f = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (et(t)) {
+    case "start":
+      f[l] -= m * (n && c ? -1 : 1);
+      break;
+    case "end":
+      f[l] += m * (n && c ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const we = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: s = "absolute",
+    middleware: i = [],
+    platform: l
+  } = n, r = i.filter(Boolean), a = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  let c = await l.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: s
+  }), {
+    x: u,
+    y: d
+  } = It(c, o, a), m = o, f = {}, p = 0;
+  for (let h = 0; h < r.length; h++) {
+    const {
+      name: v,
+      fn: g
+    } = r[h], {
+      x: y,
+      y: A,
+      data: b,
+      reset: w
+    } = await g({
+      x: u,
+      y: d,
+      initialPlacement: o,
+      placement: m,
+      strategy: s,
+      middlewareData: f,
+      rects: c,
+      platform: l,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    u = y ?? u, d = A ?? d, f = {
+      ...f,
+      [v]: {
+        ...f[v],
+        ...b
+      }
+    }, w && p <= 50 && (p++, typeof w == "object" && (w.placement && (m = w.placement), w.rects && (c = w.rects === !0 ? await l.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: s
+    }) : w.rects), {
+      x: u,
+      y: d
+    } = It(c, m, a)), h = -1);
+  }
+  return {
+    x: u,
+    y: d,
+    placement: m,
+    strategy: s,
+    middlewareData: f
+  };
+};
+async function gt(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: s,
+    platform: i,
+    rects: l,
+    elements: r,
+    strategy: a
+  } = e, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: d = "floating",
+    altBoundary: m = !1,
+    padding: f = 0
+  } = tt(t, e), p = Ae(f), v = r[m ? d === "floating" ? "reference" : "floating" : d], g = rt(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
+    boundary: c,
+    rootBoundary: u,
+    strategy: a
+  })), y = d === "floating" ? {
+    x: o,
+    y: s,
+    width: l.floating.width,
+    height: l.floating.height
+  } : l.reference, A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), b = await (i.isElement == null ? void 0 : i.isElement(A)) ? await (i.getScale == null ? void 0 : i.getScale(A)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, w = rt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: y,
+    offsetParent: A,
+    strategy: a
+  }) : y);
+  return {
+    top: (g.top - w.top + p.top) / b.y,
+    bottom: (w.bottom - g.bottom + p.bottom) / b.y,
+    left: (g.left - w.left + p.left) / b.x,
+    right: (w.right - g.right + p.right) / b.x
+  };
+}
+const xe = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        middlewareData: i,
+        rects: l,
+        initialPlacement: r,
+        platform: a,
+        elements: c
+      } = t, {
+        mainAxis: u = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: p = "none",
+        flipAlignment: h = !0,
+        ...v
+      } = tt(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const g = N(s), y = V(r), A = N(r) === r, b = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), w = m || (A || !h ? [lt(r)] : me(r)), O = p !== "none";
+      !m && O && w.push(...ve(r, h, p, b));
+      const S = [r, ...w], B = await gt(t, v), M = [];
+      let E = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && M.push(B[g]), d) {
+        const q = de(s, l, b);
+        M.push(B[q[0]], B[q[1]]);
+      }
+      if (E = [...E, {
+        placement: s,
+        overflows: M
+      }], !M.every((q) => q <= 0)) {
+        var x, P;
+        const q = (((x = i.flip) == null ? void 0 : x.index) || 0) + 1, dt = S[q];
+        if (dt && (!(d === "alignment" ? y !== V(dt) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        E.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: q,
+              overflows: E
+            },
+            reset: {
+              placement: dt
+            }
+          };
+        let $ = (P = E.filter((U) => U.overflows[0] <= 0).sort((U, k) => U.overflows[1] - k.overflows[1])[0]) == null ? void 0 : P.placement;
+        if (!$)
+          switch (f) {
+            case "bestFit": {
+              var j;
+              const U = (j = E.filter((k) => {
+                if (O) {
+                  const Q = V(k.placement);
+                  return Q === y || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  Q === "y";
+                }
+                return !0;
+              }).map((k) => [k.placement, k.overflows.filter((Q) => Q > 0).reduce((Q, te) => Q + te, 0)]).sort((k, Q) => k[1] - Q[1])[0]) == null ? void 0 : j[0];
+              U && ($ = U);
+              break;
+            }
+            case "initialPlacement":
+              $ = r;
+              break;
+          }
+        if (s !== $)
+          return {
+            reset: {
+              placement: $
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, be = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ce(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: s
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), l = N(n), r = et(n), a = V(n) === "y", c = be.has(l) ? -1 : 1, u = i && a ? -1 : 1, d = tt(t, e);
+  let {
+    mainAxis: m,
+    crossAxis: f,
+    alignmentAxis: p
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return r && typeof p == "number" && (f = r === "end" ? p * -1 : p), a ? {
+    x: f * u,
+    y: m * c
+  } : {
+    x: m * c,
+    y: f * u
+  };
+}
+const Re = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: s,
+        y: i,
+        placement: l,
+        middlewareData: r
+      } = t, a = await Ce(t, e);
+      return l === ((n = r.offset) == null ? void 0 : n.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
+        x: s + a.x,
+        y: i + a.y,
+        data: {
+          ...a,
+          placement: l
+        }
+      };
+    }
+  };
+}, De = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: s
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: l = !1,
+        limiter: r = {
+          fn: (v) => {
+            let {
+              x: g,
+              y
+            } = v;
+            return {
+              x: g,
+              y
+            };
+          }
+        },
+        ...a
+      } = tt(e, t), c = {
+        x: n,
+        y: o
+      }, u = await gt(t, a), d = V(N(s)), m = qt(d);
+      let f = c[m], p = c[d];
+      if (i) {
+        const v = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", y = f + u[v], A = f - u[g];
+        f = Tt(y, f, A);
+      }
+      if (l) {
+        const v = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = p + u[v], A = p - u[g];
+        p = Tt(y, p, A);
+      }
+      const h = r.fn({
+        ...t,
+        [m]: f,
+        [d]: p
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - n,
+          y: h.y - o,
+          enabled: {
+            [m]: i,
+            [d]: l
+          }
+        }
+      };
+    }
+  };
+}, Se = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        rects: i,
+        platform: l,
+        elements: r
+      } = t, {
+        apply: a = () => {
+        },
+        ...c
+      } = tt(e, t), u = await gt(t, c), d = N(s), m = et(s), f = V(s) === "y", {
+        width: p,
+        height: h
+      } = i.floating;
+      let v, g;
+      d === "top" || d === "bottom" ? (v = d, g = m === (await (l.isRTL == null ? void 0 : l.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (g = d, v = m === "end" ? "top" : "bottom");
+      const y = h - u.top - u.bottom, A = p - u.left - u.right, b = Y(h - u[v], y), w = Y(p - u[g], A), O = !t.middlewareData.shift;
+      let S = b, B = w;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (B = A), (o = t.middlewareData.shift) != null && o.enabled.y && (S = y), O && !m) {
+        const E = R(u.left, 0), x = R(u.right, 0), P = R(u.top, 0), j = R(u.bottom, 0);
+        f ? B = p - 2 * (E !== 0 || x !== 0 ? E + x : R(u.left, u.right)) : S = h - 2 * (P !== 0 || j !== 0 ? P + j : R(u.top, u.bottom));
+      }
+      await a({
+        ...t,
+        availableWidth: B,
+        availableHeight: S
+      });
+      const M = await l.getDimensions(r.floating);
+      return p !== M.width || h !== M.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function at() {
+  return typeof window < "u";
+}
+function z(e) {
+  return Gt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function D(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function I(e) {
+  var t;
+  return (t = (Gt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Gt(e) {
+  return at() ? e instanceof Node || e instanceof D(e).Node : !1;
+}
+function _(e) {
+  return at() ? e instanceof Element || e instanceof D(e).Element : !1;
+}
+function L(e) {
+  return at() ? e instanceof HTMLElement || e instanceof D(e).HTMLElement : !1;
+}
+function Bt(e) {
+  return !at() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
+}
+const Oe = /* @__PURE__ */ new Set(["inline", "contents"]);
+function nt(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: s
+  } = T(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !Oe.has(s);
+}
+const Ee = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function ke(e) {
+  return Ee.has(z(e));
+}
+const _e = [":popover-open", ":modal"];
+function ct(e) {
+  return _e.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Te = ["transform", "translate", "scale", "rotate", "perspective"], Fe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Le = ["paint", "layout", "strict", "content"];
+function vt(e) {
+  const t = yt(), n = _(e) ? T(e) : e;
+  return Te.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Fe.some((o) => (n.willChange || "").includes(o)) || Le.some((o) => (n.contain || "").includes(o));
+}
+function Ie(e) {
+  let t = H(e);
+  for (; L(t) && !X(t); ) {
+    if (vt(t))
+      return t;
+    if (ct(t))
+      return null;
+    t = H(t);
+  }
+  return null;
+}
+function yt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Be = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function X(e) {
+  return Be.has(z(e));
+}
+function T(e) {
+  return D(e).getComputedStyle(e);
+}
+function ut(e) {
+  return _(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function H(e) {
+  if (z(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Bt(e) && e.host || // Fallback.
+    I(e)
+  );
+  return Bt(t) ? t.host : t;
+}
+function Jt(e) {
+  const t = H(e);
+  return X(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : L(t) && nt(t) ? t : Jt(t);
+}
+function Z(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const s = Jt(e), i = s === ((o = e.ownerDocument) == null ? void 0 : o.body), l = D(s);
+  if (i) {
+    const r = ht(l);
+    return t.concat(l, l.visualViewport || [], nt(s) ? s : [], r && n ? Z(r) : []);
+  }
+  return t.concat(s, Z(s, [], n));
+}
+function ht(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Kt(e) {
+  const t = T(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const s = L(e), i = s ? e.offsetWidth : n, l = s ? e.offsetHeight : o, r = it(n) !== i || it(o) !== l;
+  return r && (n = i, o = l), {
+    width: n,
+    height: o,
+    $: r
+  };
+}
+function At(e) {
+  return _(e) ? e : e.contextElement;
+}
+function K(e) {
+  const t = At(e);
+  if (!L(t))
+    return F(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: s,
+    $: i
+  } = Kt(t);
+  let l = (i ? it(n.width) : n.width) / o, r = (i ? it(n.height) : n.height) / s;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: l,
+    y: r
+  };
+}
+const Me = /* @__PURE__ */ F(0);
+function Yt(e) {
+  const t = D(e);
+  return !yt() || !t.visualViewport ? Me : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Pe(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== D(e) ? !1 : t;
+}
+function J(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const s = e.getBoundingClientRect(), i = At(e);
+  let l = F(1);
+  t && (o ? _(o) && (l = K(o)) : l = K(e));
+  const r = Pe(i, n, o) ? Yt(i) : F(0);
+  let a = (s.left + r.x) / l.x, c = (s.top + r.y) / l.y, u = s.width / l.x, d = s.height / l.y;
+  if (i) {
+    const m = D(i), f = o && _(o) ? D(o) : o;
+    let p = m, h = ht(p);
+    for (; h && o && f !== p; ) {
+      const v = K(h), g = h.getBoundingClientRect(), y = T(h), A = g.left + (h.clientLeft + parseFloat(y.paddingLeft)) * v.x, b = g.top + (h.clientTop + parseFloat(y.paddingTop)) * v.y;
+      a *= v.x, c *= v.y, u *= v.x, d *= v.y, a += A, c += b, p = D(h), h = ht(p);
+    }
+  }
+  return rt({
+    width: u,
+    height: d,
+    x: a,
+    y: c
+  });
+}
+function ft(e, t) {
+  const n = ut(e).scrollLeft;
+  return t ? t.left + n : J(I(e)).left + n;
+}
+function Xt(e, t) {
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - ft(e, n), s = n.top + t.scrollTop;
+  return {
+    x: o,
+    y: s
+  };
+}
+function Ve(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: s
+  } = e;
+  const i = s === "fixed", l = I(o), r = t ? ct(t.floating) : !1;
+  if (o === l || r && i)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = F(1);
+  const u = F(0), d = L(o);
+  if ((d || !d && !i) && ((z(o) !== "body" || nt(l)) && (a = ut(o)), L(o))) {
+    const f = J(o);
+    c = K(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
+  }
+  const m = l && !d && !i ? Xt(l, a) : F(0);
+  return {
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - a.scrollLeft * c.x + u.x + m.x,
+    y: n.y * c.y - a.scrollTop * c.y + u.y + m.y
+  };
+}
+function Qe(e) {
+  return Array.from(e.getClientRects());
+}
+function Ne(e) {
+  const t = I(e), n = ut(e), o = e.ownerDocument.body, s = R(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = R(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let l = -n.scrollLeft + ft(e);
+  const r = -n.scrollTop;
+  return T(o).direction === "rtl" && (l += R(t.clientWidth, o.clientWidth) - s), {
+    width: s,
+    height: i,
+    x: l,
+    y: r
+  };
+}
+const Mt = 25;
+function He(e, t) {
+  const n = D(e), o = I(e), s = n.visualViewport;
+  let i = o.clientWidth, l = o.clientHeight, r = 0, a = 0;
+  if (s) {
+    i = s.width, l = s.height;
+    const u = yt();
+    (!u || u && t === "fixed") && (r = s.offsetLeft, a = s.offsetTop);
+  }
+  const c = ft(o);
+  if (c <= 0) {
+    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
+    p <= Mt && (i -= p);
+  } else c <= Mt && (i += c);
+  return {
+    width: i,
+    height: l,
+    x: r,
+    y: a
+  };
+}
+const qe = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ue(e, t) {
+  const n = J(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, i = L(e) ? K(e) : F(1), l = e.clientWidth * i.x, r = e.clientHeight * i.y, a = s * i.x, c = o * i.y;
+  return {
+    width: l,
+    height: r,
+    x: a,
+    y: c
+  };
+}
+function Pt(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = He(e, n);
+  else if (t === "document")
+    o = Ne(I(e));
+  else if (_(t))
+    o = Ue(t, n);
+  else {
+    const s = Yt(e);
+    o = {
+      x: t.x - s.x,
+      y: t.y - s.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return rt(o);
+}
+function zt(e, t) {
+  const n = H(e);
+  return n === t || !_(n) || X(n) ? !1 : T(n).position === "fixed" || zt(n, t);
+}
+function We(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = Z(e, [], !1).filter((r) => _(r) && z(r) !== "body"), s = null;
+  const i = T(e).position === "fixed";
+  let l = i ? H(e) : e;
+  for (; _(l) && !X(l); ) {
+    const r = T(l), a = vt(l);
+    !a && r.position === "fixed" && (s = null), (i ? !a && !s : !a && r.position === "static" && !!s && qe.has(s.position) || nt(l) && !a && zt(e, l)) ? o = o.filter((u) => u !== l) : s = r, l = H(l);
+  }
+  return t.set(e, o), o;
+}
+function Ge(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: s
+  } = e;
+  const l = [...n === "clippingAncestors" ? ct(t) ? [] : We(t, this._c) : [].concat(n), o], r = l[0], a = l.reduce((c, u) => {
+    const d = Pt(t, u, s);
+    return c.top = R(d.top, c.top), c.right = Y(d.right, c.right), c.bottom = Y(d.bottom, c.bottom), c.left = R(d.left, c.left), c;
+  }, Pt(t, r, s));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function Je(e) {
+  const {
+    width: t,
+    height: n
+  } = Kt(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function Ke(e, t, n) {
+  const o = L(t), s = I(t), i = n === "fixed", l = J(e, !0, i, t);
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = F(0);
+  function c() {
+    a.x = ft(s);
+  }
+  if (o || !o && !i)
+    if ((z(t) !== "body" || nt(s)) && (r = ut(t)), o) {
+      const f = J(t, !0, i, t);
+      a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
+    } else s && c();
+  i && !o && s && c();
+  const u = s && !o && !i ? Xt(s, r) : F(0), d = l.left + r.scrollLeft - a.x - u.x, m = l.top + r.scrollTop - a.y - u.y;
+  return {
+    x: d,
+    y: m,
+    width: l.width,
+    height: l.height
+  };
+}
+function mt(e) {
+  return T(e).position === "static";
+}
+function Vt(e, t) {
+  if (!L(e) || T(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return I(e) === n && (n = n.ownerDocument.body), n;
+}
+function jt(e, t) {
+  const n = D(e);
+  if (ct(e))
+    return n;
+  if (!L(e)) {
+    let s = H(e);
+    for (; s && !X(s); ) {
+      if (_(s) && !mt(s))
+        return s;
+      s = H(s);
+    }
+    return n;
+  }
+  let o = Vt(e, t);
+  for (; o && ke(o) && mt(o); )
+    o = Vt(o, t);
+  return o && X(o) && mt(o) && !vt(o) ? n : o || Ie(e) || n;
+}
+const Ye = async function(e) {
+  const t = this.getOffsetParent || jt, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: Ke(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Xe(e) {
+  return T(e).direction === "rtl";
+}
+const ze = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ve,
+  getDocumentElement: I,
+  getClippingRect: Ge,
+  getOffsetParent: jt,
+  getElementRects: Ye,
+  getClientRects: Qe,
+  getDimensions: Je,
+  getScale: K,
+  isElement: _,
+  isRTL: Xe
+};
+function $t(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function je(e, t) {
+  let n = null, o;
+  const s = I(e);
+  function i() {
+    var r;
+    clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
+  }
+  function l(r, a) {
+    r === void 0 && (r = !1), a === void 0 && (a = 1), i();
+    const c = e.getBoundingClientRect(), {
+      left: u,
+      top: d,
+      width: m,
+      height: f
+    } = c;
+    if (r || t(), !m || !f)
+      return;
+    const p = ot(d), h = ot(s.clientWidth - (u + m)), v = ot(s.clientHeight - (d + f)), g = ot(u), A = {
+      rootMargin: -p + "px " + -h + "px " + -v + "px " + -g + "px",
+      threshold: R(0, Y(1, a)) || 1
+    };
+    let b = !0;
+    function w(O) {
+      const S = O[0].intersectionRatio;
+      if (S !== a) {
+        if (!b)
+          return l();
+        S ? l(!1, S) : o = setTimeout(() => {
+          l(!1, 1e-7);
+        }, 1e3);
+      }
+      S === 1 && !$t(c, e.getBoundingClientRect()) && l(), b = !1;
+    }
+    try {
+      n = new IntersectionObserver(w, {
+        ...A,
+        // Handle <iframe>s
+        root: s.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(w, A);
+    }
+    n.observe(e);
+  }
+  return l(!0), i;
+}
+function $e(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: s = !0,
+    ancestorResize: i = !0,
+    elementResize: l = typeof ResizeObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = At(e), u = s || i ? [...c ? Z(c) : [], ...Z(t)] : [];
+  u.forEach((g) => {
+    s && g.addEventListener("scroll", n, {
+      passive: !0
+    }), i && g.addEventListener("resize", n);
+  });
+  const d = c && r ? je(c, n) : null;
+  let m = -1, f = null;
+  l && (f = new ResizeObserver((g) => {
+    let [y] = g;
+    y && y.target === c && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var A;
+      (A = f) == null || A.observe(t);
+    })), n();
+  }), c && !a && f.observe(c), f.observe(t));
+  let p, h = a ? J(e) : null;
+  a && v();
+  function v() {
+    const g = J(e);
+    h && !$t(h, g) && n(), h = g, p = requestAnimationFrame(v);
+  }
+  return n(), () => {
+    var g;
+    u.forEach((y) => {
+      s && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
+    }), d?.(), (g = f) == null || g.disconnect(), f = null, a && cancelAnimationFrame(p);
+  };
+}
+const Ze = Re, tn = De, en = xe, nn = Se, on = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), s = {
+    platform: ze,
+    ...n
+  }, i = {
+    ...s.platform,
+    _c: o
+  };
+  return we(e, t, {
+    ...s,
+    platform: i
+  });
+};
+function sn(e, t) {
+  const n = C({
+    position: "fixed",
+    left: "0",
+    top: "0",
+    zIndex: 3e3
+    // 确保在 Modal 之上
+  });
+  let o = null;
+  const s = () => {
+    !e.value || !t.value || on(e.value, t.value, {
+      placement: "bottom-start",
+      strategy: "fixed",
+      middleware: [
+        Ze(6),
+        // 输入框与下拉列表的间距
+        en(),
+        // 空间不足自动翻转到上方
+        tn({ padding: 10 }),
+        // 靠近屏幕边缘时自动位移
+        nn({
+          apply({ rects: r, elements: a }) {
+            const c = `${r.reference.width}px`;
+            Object.assign(a.floating.style, {
+              width: c,
+              // 必须锁定，否则在 body 下它可能由于内容过多撑开到 100vw
+              minWidth: c,
+              maxWidth: c
+            });
+          }
+        })
+      ]
+    }).then(({ x: r, y: a }) => {
+      Object.assign(n.value, {
+        left: `${r}px`,
+        top: `${a}px`
+      });
+    });
+  }, i = () => {
+    e.value && t.value && (o = $e(e.value, t.value, s));
+  }, l = () => {
+    o && (o(), o = null);
+  };
+  return Nt(l), { floatingStyles: n, startTrack: i, stopTrack: l };
+}
+const ln = "data:image/svg+xml,%3csvg%20t='1695277594902'%20fill='%23fff'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2534'%20width='200'%20height='200'%3e%3cpath%20d='M448%2085.333333a362.666667%20362.666667%200%201%200%20224.512%20647.509334l155.818667%20155.818666a42.666667%2042.666667%200%200%200%2060.330666-60.330666l-155.818666-155.818667A362.666667%20362.666667%200%200%200%20448%2085.333333zM170.666667%20448a277.333333%20277.333333%200%201%201%20554.666666%200%20277.333333%20277.333333%200%200%201-554.666666%200z'%20p-id='2535'%3e%3c/path%3e%3c/svg%3e", rn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABFUlEQVR4AaRQO07DQBCdWe8B4B5IFFyAK9ARkIVNhIQEEiVtJLgABRVRvIBCJBquwBVyDgoaSnuHeZY3MlYcNsnIb8fze6M3hra0XoKJm95N3Nv3EnyhFvb2EgjRJbOMKqmO2tDcvQ5fK+qvl4CJbOn9/CJPP9tArp5sHtP4lc652VXxPL1Z1hRFIOytF1NuTJCfnT4Ms8HjSgJctn1xIt6hxqIkdK+u8U8zT1ESmP5enUkWmqMkhG2FmxXOvR+EGD5KAhoDqsQvtiMXJQGNQJ4N8mF6PMd/wL8SxuOXPSG21pj9p+L1EOjGyAHoQQ0zWGDqx9pbPWIpwqOEkw+gGyMHoAc1ozOkVhOcZyepYndNpDpPvwAAAP//BVQJHAAAAAZJREFUAwDZWL4hub5xHQAAAABJRU5ErkJggg==", an = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACC0lEQVR4AXxRv2tTURT+zk1iIjgoOMShkIJVNwf/gQYULOjQwaGvGl8TBMEMDg4ODgF17likvL4HIYm4OLg61K2CooWKDoKCDoJDHASb9N17POf5Enwk6eN+9/z+3nfvNZjxbYS9ymbYXlQ8CbvnZrRhKoEOFMl9zFHuuaJA/E4Jp5FMJTCwZWner/veCYX6ecQVsRNrKsFE1yGJDMFW1Hm4FXX7hnIvADquvkJ9zYn/U3vw35chYOA2Ebcc26uWbVWwnKKqOak9ktmmYLwyBATkY+d2b63d2FYgps9umNtTX6G18WTqmNRmTNB+djaIOqEpmC+FIn8Lom4vaD89n2lKgwkCebYNsvEnAlXI4CIMXSagTNa9l9p6Ojc2CUEYhiW5oE3IxQH4AYNFeb5qvea9SuB7Vc1J7ReDjomidZ2RWNKysyneFHNFovGgxIiizoWR9BGRqiKw76i0qj2JAo7jtwycJDvY1eQIDNM0lu+OYrUHf/BBbEmI9sTKP2VvNGpvAP4Kc1SVSGb2OlLiVQa+12srr7UrUZA6Lx27e0HUu6PnU/kOXGbwaT1Gq9XKa80xmgTa1hlFQiBP1hNWn4AdOd8DpmLfgnakYV/yv/UF5ipn+qLyvgGp2us6I/V/R+DYPiYenpKbv0Y8mGeLS0OmhYbvLQuWiGkeFkuGBwtrvrdyMKA5nVGCvwAAAP//q4xnOgAAAAZJREFUAwCH2O8KfEWHWQAAAABJRU5ErkJggg==", cn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACT0lEQVR4AaRSO2hTYRT+zn9v2g6CiktFJYoVHXQoOljM2EIEh0orbRKa5qUuDoIZAnXI4FBwcRDikMcNkoQMQjcVESo4OASsW2kLBi3oUKiD1OZx7/H811wJZFF6uOee85/H93/3nKtwQPkvgFKpdKRgVR+UrFrOsurX9N3/DJCvVPxMwx+lKcbgKzbstPhwAXSyWK7eLZZrc4VCNZDPPx/Tt+kCrTqvOrQqfuNrc2OcgW0CduQM9TfJyIB5mQy8UaaxKbftFq3qL9HP1KGGFDe+NDdC/jPnlwgcZEM9lRiU2VFjgngI4FGxa0IvZXecU07XPsc2pkCUIULaa2Z2MsJ7Orkw/8kFiMVCb4XWcQV14w8temL4aJNM47Fh0OHEYqieWAyXT/jPBhzmh7o5EY28Rk/cGWSz2a4GSsTCt3tgs5qmDc726sTQvsS6/c0SFDz97lO/329K4z2Amm1u3ZK11SyrOmNC/ZDYSElWiT5R2resymUZ1pIUv2Qa+iafcrrFretDNJwTf94GUnt7u9u6to3hUW09dQEcIC+BR0LxqgztPnFrotd8wWHclNykaR4dYeCngj0IQNyekOQshLas8hmzLyA3B2UTU6l4eEX8Ld8IZsTu+Mg4hj5xGcTj8f1kLPxChjgO0AdWlAOwnkotbImFrHGFGdOy6u82aJAB+kUZywQ6KaH3ou7TcbguziRApiLWOXjiMvAO2iaic3rH6wxe1Wetd+KRNQKEDV9kwisd83QAQCfkr7uUjEUq2vdUgdJQFExEw++8mLa/AQAA//9h0VsEAAAABklEQVQDAKhs6Pxd3K8TAAAAAElFTkSuQmCC", un = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmklEQVR4AXRTT0jUQRT+3uyqGxgYeCiy1JAo6JBUp4Q81EEiKKiDa+H+/ENGHgPpZtChQ4EHL+Ku+9t0V7EkQSGPBYGHBIU6RAqt2cFDBw9C+3de3yy7hobDvHm/+d4337x58xuDQ9r4+FRDLJZqG49PtrvvQ2j4TyDmJ7sm/NRqoMpsIYD3RgIL7pvY54lEqvug0J5APB4PxfzUOwFGRWReVJp7I+GjW+nvxxQo0DagOjLhJxcctyK0J6BS/UaAc1nNtXrdnc88rzPtSMPDwwXiM7R2WNwDpMVKzTTKrSRQTq0tq9mOR55XWliOY2wsVQ+RRWZQiyACjiPQ9pg/0+U4JQEoBkXMi4OLmWpdsEZXofY5yYtSzH10HHJHBPYJMZhyhS8X84U5B+y36iaBNPxMr59nPTo9z8uU4jaToL8Yj88eN2xNTG+3r+/BBncMuSLRln1/+iZgdkhEY2NjvfMVo1DarbG20GIqoPMaqL5G38Zb+GBh36roMufpzc3N3xSvi0ZfX6APEYNAg86bjMluCFDr+7OX1JoWQNJed/ipaK6Z6oOi2dbTZ85eVan+YYLBL7yBdRb9IXkha23aPPa8bQBrFoUVqo4qMMU5mOZ2JBKeo98RiwHi8xQ7Qo6vCsdb6e+//4ubgJegLzlmDOQ6i/XKCVQskZg9aaFtRrBGsYytQpQiu+SPOI5xQ2+kK6mQJRJHo8lko8MqxswGhceCzY25mMnLEmOf3Br6f2/BaLaTqhuSl6/xxPRQNDrJehBRrSWxABMaMnmsKfCN9eEfSZS9lAG9O3OmJ9J1C9ABVb1rgoF1PqA/Cokw3k7stgKDvZHwHXcUYqW+J1CacejlcXoi4SvFvD2lRdxAER0s3glirS5Gyr7+FwAA//8Pj6q2AAAABklEQVQDAJPeLlNn5TR8AAAAAElFTkSuQmCC", fn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACgUlEQVR4AXRST0hUYRD/zbfbrqahQpAHlQ3dSurYoaBAwWNQkIT7J/ve09DQsOigkNCha4ckl4Lct0/S3QI7REFEBB08FBHRIYLwIJEodOlUurnfNN+6mq9weMPM+818v2/mm1HYQXK5XH02mz9h1fo7pOE/gkwmU+v5+fuGot8phJdWmSLLnl+4I0RV/xIFCGxCdU3DUwaOkULX18Uve1ydrC4xdwLcwRR9bnO2kwQIoCIDEowpXjsZ4vBCSyx+w/Nnb1KElkkwG4OqGhG79QUImEkT0T2JrpZ4fV5sF0Ad6je9BrBKxLeZuVv8rS9IAG4qGf5oTPSolNxIXOyUNjqlpb0W4xI+Cd62dVqcAAGBVqSCVmPMIoPCttzm2MEBAoeLir4hRK2AWPyVIAHRHMH0Ly0tCBF3M5t+Aq6A0HPJSSyCeZAIz7BNAgQwqxNyc1NL7MCoeyH1xNWpuKsTcet7fv46QI0/zdoEtkmAwHGcHyFQj/Q57vuPzm7m+X5efB6HYj3kOCubuLVlApltfdbPX5uaetCmdeKVAqUN1mdy04XR3PTsqAHPWMztTb24myvEBBuRM+WlUnbzDEXeya2D4XC0zrJqnXwsO3pG3mCMGWMK6lQZk2A0hH2GMSxL9VlI6lVkd90RgGKkVFrrc+9REXubjLH9FxfbbVUVGG5v4i2p8LD8x9ax65C66KTfKGCSDc97fv6DJzuf9QtDtm+iqsM1ot70w9O+YDbmSQ6bkkyCJitnAUcnryqmuExgSsZYKypvgFvS+5xVsJk0MGlps97mFCVXpnNZqoBcbo2QyJz7dCLj6JTj6tRxVyf3izZUtNndwM73SU55JzaO4Q8AAAD//54At5MAAAAGSURBVAMAh2IbMAJQAZQAAAAASUVORK5CYII=", dn = oe({
+  name: "GlobalSearch",
+  model: { prop: "value", event: "input" },
+  props: {
+    value: { type: [Object, Array], default: null },
+    multiple: { type: Boolean, default: !1 },
+    collapseTags: { type: Boolean, default: !1 },
+    searchTypeList: {
+      type: Array,
+      default: () => ["City", "Seaport", "Airport", "Country"]
+    },
+    historyKey: { type: String, default: "" }
+  },
+  setup(e, { emit: t }) {
+    const n = C(""), o = C(!1), s = C(!1), i = C(""), l = C(null), r = C(null), a = C(null), c = C(null), { searchHistory: u, saveToHistory: d, clearHistory: m } = ie(
+      xt(e, "historyKey")
+    ), {
+      searchResults: f,
+      loading: p,
+      isFetchingMore: h,
+      isFinished: v,
+      currentPage: g,
+      fetchData: y,
+      filterByTypes: A
+    } = ae(n, xt(e, "searchTypeList")), { floatingStyles: b, startTrack: w, stopTrack: O } = sn(
+      a,
+      c
+    ), S = async () => {
+      if (s.value = !0, console.log(
+        "🍉 ~ index.vue:210 ~ onFocus ~ searchResults.value:",
+        f.value,
+        o.value
+      ), !e.multiple && o.value && f.value.length === 0) {
+        const x = e.value;
+        if (console.log("🍉 ~ index.vue:221 ~ onFocus ~ val:", x), x?.id) {
+          p.value = !0;
+          try {
+            const P = await re(x.id, x.type);
+            f.value = A(P.records);
+          } finally {
+            p.value = !1;
+          }
+        }
+      }
+    }, B = () => {
+      setTimeout(() => {
+        s.value = !1;
+      }, 200);
+    }, M = (x) => {
+      x.target.value === "" && !e.multiple && (o.value = !1, t("input", null), t("update:value", null));
+    }, E = () => {
+      if (e.multiple && !n.value && e.value?.length > 0) {
+        const x = [...e.value], P = x.pop();
+        t("input", x), t("update:value", x), t("remove", P);
+      }
+    };
+    return bt(s, (x) => x ? w() : O()), bt(n, (x) => {
+      if (!x.trim()) {
+        f.value = [];
+        return;
+      }
+      l.value && clearTimeout(l.value), l.value = setTimeout(() => y(1, !1), 300);
+    }), Nt(O), {
+      // 状态
+      query: n,
+      isSelected: o,
+      isDropdownVisible: s,
+      selectedLabel: i,
+      inputRef: r,
+      referenceRef: a,
+      floatingRef: c,
+      // Hook 状态
+      searchHistory: u,
+      searchResults: f,
+      loading: p,
+      isFetchingMore: h,
+      isFinished: v,
+      currentPage: g,
+      floatingStyles: b,
+      // Hook 方法
+      saveToHistory: d,
+      clearHistory: m,
+      fetchData: y,
+      filterByTypes: A,
+      startTrack: w,
+      stopTrack: O,
+      // 组件方法
+      onFocus: S,
+      handleBlur: B,
+      onInput: M,
+      handleDelete: E,
+      // 资源
+      SearchIcon: ln
+    };
+  },
+  computed: {
+    isEn() {
+      let e = "";
+      try {
+        if (typeof useCookie == "function") {
+          const t = useCookie("jc-language").value;
+          if (t) return /en/.test(t) || /en-US/.test(t);
+        }
+      } catch {
+      }
+      return process.client ? e = document.cookie || "" : process.server && (e = useNuxtApp?.()?.ssrContext?.event.node.req.headers.cookie || ""), /jc-language=en-US/.test(e) || /jc-language=en/.test(e);
+    },
+    selectedItems() {
+      return this.value ? Array.isArray(this.value) ? this.value : [this.value] : [];
+    },
+    displayedTags() {
+      return this.collapseTags ? this.selectedItems.slice(0, 1) : this.selectedItems;
+    },
+    hasValue() {
+      return this.query || this.selectedItems.length > 0;
+    },
+    inputWidth() {
+      return this.multiple ? this.query ? `${this.query.length * 10 + 20}px` : "10px" : "100%";
+    },
+    currentPlaceholder() {
+      return this.multiple && this.selectedItems.length > 0 ? "" : this.isSelected && !this.multiple ? this.selectedLabel : this.isEn ? "Please enter..." : "请输入...";
+    }
+  },
+  methods: {
+    focusInput() {
+      this.$refs.inputRef?.focus();
+    },
+    getItemLabel(e) {
+      return e.display || e.nameEn || e.nameCn || "";
+    },
+    isItemActive(e) {
+      return this.selectedItems.some((t) => t.id === e.id);
+    },
+    selectItem(e) {
+      this.saveToHistory(e), this.multiple ? this.isItemActive(e) || (this.$emit("input", [...this.selectedItems, e]), this.$emit("update:value", [...this.selectedItems, e])) : (this.isSelected = !0, this.selectedLabel = this.getItemLabel(e), this.$emit("input", e), this.$emit("update:value", e), this.isDropdownVisible = !1), this.query = "", this.$emit("select", e);
+    },
+    removeItem(e) {
+      const t = this.selectedItems.filter((n) => n.id !== e.id);
+      this.$emit("input", t), this.$emit("update:value", t), this.$emit("remove", e);
+    },
+    clearAll() {
+      this.query = "", this.isSelected = !1, this.selectedLabel = "", this.$emit("input", this.multiple ? [] : null), this.$emit("update:value", this.multiple ? [] : null);
+    },
+    handleSearch() {
+      const e = this.multiple ? this.selectedItems : this.isSelected ? this.value : { nameCn: this.query, type: "Manual" };
+      this.$emit("submit-search", e), this.isDropdownVisible = !1;
+    },
+    getIconUrl(e) {
+      return {
+        City: rn,
+        Seaport: an,
+        Airport: cn,
+        Country: un
+      }[e] || fn;
+    },
+    handleScroll(e) {
+      const { scrollTop: t, scrollHeight: n, clientHeight: o } = e.target;
+      t + o >= n - 20 && !this.loading && !this.isFetchingMore && !this.isFinished && this.query && this.fetchData(this.currentPage + 1, !0);
+    }
+  }
+});
+function wt(e, t, n, o, s, i, l, r) {
+  var a = typeof e == "function" ? e.options : e;
+  return t && (a.render = t, a.staticRenderFns = n, a._compiled = !0), i && (a._scopeId = "data-v-" + i), {
+    exports: e,
+    options: a
+  };
+}
+var mn = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { staticClass: "search-container" }, [n("div", { ref: "referenceRef", staticClass: "search-input-wrapper", class: { "is-multiple": t.multiple }, on: { click: t.focusInput } }, [n("div", { staticClass: "selection-wrapper" }, [t.multiple && t.selectedItems.length > 0 ? [t._l(t.displayedTags, function(o, s) {
+    return n("div", { key: o.id || s, staticClass: "search-tag" }, [n("span", { staticClass: "tag-text" }, [t._v(t._s(t.getItemLabel(o)))]), n("span", { staticClass: "tag-close", on: { click: function(i) {
+      return i.stopPropagation(), t.removeItem(o);
+    } } }, [t._v("×")])]);
+  }), t.collapseTags && t.selectedItems.length > 1 ? n("div", { staticClass: "search-tag collapse" }, [t._v(" + " + t._s(t.selectedItems.length - 1) + " ")]) : t._e()] : t._e(), n("input", { directives: [{ name: "model", rawName: "v-model", value: t.query, expression: "query" }], ref: "inputRef", class: { "is-selected-state": t.isSelected && !t.multiple }, style: { width: t.inputWidth }, attrs: { type: "text", placeholder: t.currentPlaceholder }, domProps: { value: t.query }, on: { focus: t.onFocus, blur: t.handleBlur, input: [function(o) {
+    o.target.composing || (t.query = o.target.value);
+  }, t.onInput], keydown: function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "delete", [8, 46], o.key, ["Backspace", "Delete", "Del"]) ? null : t.handleDelete.apply(null, arguments);
+  } } })], 2), n("div", { staticClass: "suffix-area" }, [t.hasValue ? n("span", { staticClass: "clear-icon", on: { mousedown: function(o) {
+    o.preventDefault();
+  }, click: function(o) {
+    return o.stopPropagation(), t.clearAll.apply(null, arguments);
+  } } }, [t._v("ⓧ")]) : t._e(), t.loading && !t.isFetchingMore ? n("div", { staticClass: "loading-spinner" }) : n("button", { staticClass: "search-btn", on: { click: t.handleSearch } }, [n("span", { staticClass: "search-icon" }, [n("img", { attrs: { src: t.SearchIcon, alt: "search" } })])])])]), n("div", { directives: [{ name: "show", rawName: "v-show", value: t.isDropdownVisible && (t.searchResults.length > 0 || t.loading || t.query || t.searchHistory.length > 0), expression: `
+      isDropdownVisible &&
+      (searchResults.length > 0 ||
+        loading ||
+        query ||
+        searchHistory.length > 0)
+    ` }], ref: "floatingRef", staticClass: "dropdown-list", style: t.floatingStyles, on: { scroll: t.handleScroll } }, [t._t("history", function() {
+    return [t.searchHistory.length > 0 && !t.query ? n("div", { staticClass: "history-section" }, [n("div", { staticClass: "history-header" }, [n("span", [t._v(t._s(t.isEn ? "Recent search" : "最近搜索"))]), n("span", { staticClass: "clear-btn", on: { mousedown: function(o) {
+      o.preventDefault();
+    }, click: function(o) {
+      return o.stopPropagation(), t.clearHistory.apply(null, arguments);
+    } } }, [t._v(" " + t._s(t.isEn ? "Clear" : "清空") + " ")])]), t._l(t.searchHistory, function(o, s) {
+      return n("div", { key: "hist-" + s, staticClass: "dropdown-item", on: { mousedown: function(i) {
+        return t.selectItem(o);
+      } } }, [n("div", { staticClass: "category-tag" }, [n("img", { staticClass: "type-icon", attrs: { src: t.getIconUrl(o.type), alt: "" } }), n("span", { staticClass: "type-text" }, [t._v(t._s(o.type))])]), n("div", { staticClass: "result-text" }, [t._v(t._s(t.getItemLabel(o)))])]);
+    }), n("hr", { staticClass: "divider" })], 2) : t._e()];
+  }, { searchHistory: t.searchHistory }), t.loading && !t.isFetchingMore ? n("div", { staticClass: "status-msg" }, [t._v(" " + t._s(t.isEn ? "Searching..." : "正在搜索中...") + " ")]) : t.searchResults.length > 0 ? [t._t("results", function() {
+    return t._l(t.searchResults, function(o, s) {
+      return n("div", { key: s, staticClass: "dropdown-item", class: { "is-active": t.isItemActive(o) }, on: { mousedown: function(i) {
+        return t.selectItem(o);
+      } } }, [n("div", { staticClass: "category-tag" }, [n("img", { staticClass: "type-icon", attrs: { src: t.getIconUrl(o.type), alt: "" } }), n("span", { staticClass: "type-text" }, [t._v(t._s(o.type))])]), n("div", { staticClass: "result-text" }, [t._v(t._s(t.getItemLabel(o)))])]);
+    });
+  }, { searchResults: t.searchResults }), t.isFetchingMore ? n("div", { staticClass: "load-more-msg" }, [t._v(" " + t._s(t.isEn ? "Loading more..." : "正在加载更多...") + " ")]) : t.isFinished && t.query ? n("div", { staticClass: "load-more-msg no-more" }, [t._v(" " + t._s(t.isEn ? "All results have been loaded" : "已加载全部结果") + " ")]) : t._e()] : t.query && !t.loading ? n("div", { staticClass: "status-msg" }, [t._t("noData", function() {
+    return [t._v(" " + t._s(t.isEn ? `No results found related to "${t.query}".` : `未找到与 "${t.query}" 相关的结果`) + " ")];
+  })], 2) : t._e()], 2)]);
+}, pn = [], hn = /* @__PURE__ */ wt(
+  dn,
+  mn,
+  pn,
+  !1,
+  null,
+  "0a22c96d"
+);
+const Zt = hn.exports, gn = {
+  __name: "ApplyDataDialog",
+  props: {
+    value: Boolean
+    // Vue 2.7 v-model 绑定
+  },
+  emits: ["update:value", "confirm"],
+  setup(e, { emit: t }) {
+    const n = e, o = ["City", "Port", "Airport"], s = C(null), i = se({
+      name: "",
+      type: "City",
+      selectedCountry: null
+    });
+    return { __sfc: !0, props: n, emit: t, typeOptions: o, displayQuery: s, formData: i, handleClose: () => {
+      t("update:value", !1);
+    }, handleConfirm: () => {
+      if (!i.name || !s.value) {
+        alert("Please fill in all fields");
+        return;
+      }
+      t("confirm", { ...i, selectedCountry: s.value });
+    }, Search: Zt };
+  }
+};
+var vn = function() {
+  var t = this, n = t._self._c, o = t._self._setupProxy;
+  return t.value ? n("div", { staticClass: "modal-mask", on: { click: function(s) {
+    return s.target !== s.currentTarget ? null : o.handleClose.apply(null, arguments);
+  } } }, [n("div", { staticClass: "modal-container" }, [n("div", { staticClass: "modal-header" }, [n("span", { staticClass: "header-title" }, [t._v("Apply for data addition")]), n("div", { staticClass: "close-btn", on: { click: o.handleClose } }, [t._v("×")])]), n("div", { staticClass: "modal-body" }, [n("div", { staticClass: "form-item" }, [n("label", { staticClass: "required" }, [t._v("Data To Add")]), n("div", { staticClass: "input-box" }, [n("input", { directives: [{ name: "model", rawName: "v-model", value: o.formData.name, expression: "formData.name" }], staticClass: "custom-input", attrs: { type: "text", placeholder: "Please enter your data" }, domProps: { value: o.formData.name }, on: { input: function(s) {
+    s.target.composing || t.$set(o.formData, "name", s.target.value);
+  } } })])]), n("div", { staticClass: "form-item" }, [n("label", { staticClass: "required" }, [t._v("Type")]), n("div", { staticClass: "type-group" }, t._l(o.typeOptions, function(s) {
+    return n("div", { key: s, class: ["type-btn", { active: o.formData.type === s }], on: { click: function(i) {
+      o.formData.type = s;
+    } } }, [t._v(" " + t._s(s) + " "), o.formData.type === s ? n("div", { staticClass: "check-mark" }) : t._e()]);
+  }), 0)]), n("div", { staticClass: "form-item" }, [n("label", { staticClass: "required" }, [t._v("Country")]), n(o.Search, { style: {
+    margin: "0 auto"
+  }, attrs: { "search-type-list": ["Country"] }, model: { value: o.displayQuery, callback: function(s) {
+    o.displayQuery = s;
+  }, expression: "displayQuery" } })], 1)]), n("div", { staticClass: "modal-footer" }, [n("button", { staticClass: "confirm-btn", on: { click: o.handleConfirm } }, [t._v("Confirm")])])])]) : t._e();
+}, yn = [], An = /* @__PURE__ */ wt(
+  gn,
+  vn,
+  yn,
+  !1,
+  null,
+  "55057429"
+);
+const wn = An.exports, xn = {
+  // 2. 局部注册组件
+  components: {
+    [_t.name]: _t,
+    [kt.name]: kt,
+    [Et.name]: Et,
+    [Ot.name]: Ot,
+    [St.name]: St,
+    [Dt.name]: Dt,
+    [Rt.name]: Rt,
+    [Ct.name]: Ct
+  },
+  data() {
+    return {
+      isVisible: !1,
+      formData: {
+        city: "",
+        company: "",
+        email: "",
+        phone: "",
+        name: "",
+        agreement: !1
+      },
+      formRules: {
+        city: [
+          { required: !0, message: "请输入所在地城市", trigger: "blur" }
+        ],
+        company: [
+          { required: !0, message: "请输入公司名称", trigger: "blur" }
+        ],
+        email: [
+          { required: !0, message: "请输入邮箱", trigger: "blur" },
+          { type: "email", message: "请输入有效的邮箱地址", trigger: "blur" }
+        ],
+        agreement: [
+          {
+            validator: (e, t, n) => {
+              t ? n() : n(new Error("请同意隐私政策"));
+            },
+            trigger: "change"
+          }
+        ]
+      }
+    };
+  },
+  mounted() {
+    W.on(G.Open, this.handleOpen);
+  },
+  beforeDestroy() {
+    W.off(G.Open, this.handleOpen);
+  },
+  methods: {
+    handleOpen() {
+      console.log(
+        "🍉 ~ GlobalModal.vue:150 ~ methods.handleOpen:",
+        this.handleOpen
+      ), this.isVisible = !0;
+    },
+    closeModal() {
+      this.isVisible = !1, W.emit(G.Close), this.$refs.formRef.resetFields();
+    },
+    handleSubmit() {
+      this.$refs.formRef.validate((e) => {
+        e && (W.emit(G.Submit, { ...this.formData }), this.closeModal());
+      });
+    }
+  }
+};
+var bn = function() {
+  var t = this, n = t._self._c;
+  return n("el-dialog", { attrs: { visible: t.isVisible, "before-close": t.closeModal, "show-close": !1, "close-on-click-modal": !0, width: "500px", "custom-class": "global-modal-custom" }, on: { "update:visible": function(o) {
+    t.isVisible = o;
+  } } }, [n("div", { staticClass: "global-modal-header-custom", attrs: { slot: "title" }, slot: "title" }, [n("h2", [t._v("即刻链接全球货代")]), n("el-button", { staticClass: "close-button-custom", attrs: { type: "text" }, on: { click: t.closeModal } }, [n("span", { staticStyle: { "font-size": "2rem" } }, [t._v("×")])])], 1), n("div", { staticClass: "global-modal-body-custom" }, [n("el-form", { ref: "formRef", attrs: { model: t.formData, rules: t.formRules, "label-position": "top" }, nativeOn: { submit: function(o) {
+    o.preventDefault();
+  } } }, [n("el-row", { attrs: { gutter: 20 } }, [n("el-col", { attrs: { span: 12 } }, [n("el-form-item", { attrs: { label: "所在地(城市)", prop: "city" } }, [n("el-input", { attrs: { placeholder: "请输入城市" }, model: { value: t.formData.city, callback: function(o) {
+    t.$set(t.formData, "city", o);
+  }, expression: "formData.city" } })], 1)], 1), n("el-col", { attrs: { span: 12 } }, [n("el-form-item", { attrs: { label: "公司名称", prop: "company" } }, [n("el-input", { attrs: { placeholder: "请输入公司名称" }, model: { value: t.formData.company, callback: function(o) {
+    t.$set(t.formData, "company", o);
+  }, expression: "formData.company" } })], 1)], 1)], 1), n("el-row", { attrs: { gutter: 20 } }, [n("el-col", { attrs: { span: 12 } }, [n("el-form-item", { attrs: { label: "邮箱", prop: "email" } }, [n("el-input", { attrs: { placeholder: "请输入邮箱" }, model: { value: t.formData.email, callback: function(o) {
+    t.$set(t.formData, "email", o);
+  }, expression: "formData.email" } })], 1)], 1), n("el-col", { attrs: { span: 12 } }, [n("el-form-item", { attrs: { label: "电话", prop: "phone" } }, [n("el-input", { attrs: { placeholder: "请输入电话" }, model: { value: t.formData.phone, callback: function(o) {
+    t.$set(t.formData, "phone", o);
+  }, expression: "formData.phone" } })], 1)], 1)], 1), n("el-row", [n("el-col", { attrs: { span: 24 } }, [n("el-form-item", { attrs: { label: "姓名", prop: "name" } }, [n("el-input", { attrs: { placeholder: "请输入您的全名" }, model: { value: t.formData.name, callback: function(o) {
+    t.$set(t.formData, "name", o);
+  }, expression: "formData.name" } })], 1)], 1)], 1), n("el-form-item", { staticClass: "agreement-item", attrs: { prop: "agreement" } }, [n("el-checkbox", { model: { value: t.formData.agreement, callback: function(o) {
+    t.$set(t.formData, "agreement", o);
+  }, expression: "formData.agreement" } }, [t._v("我同意")]), n("a", { staticClass: "privacy-link", attrs: { href: "#" } }, [t._v("隐私政策")])], 1)], 1)], 1), n("div", { staticClass: "global-modal-footer-custom", attrs: { slot: "footer" }, slot: "footer" }, [n("el-button", { staticClass: "submit-button-custom", attrs: { type: "primary" }, on: { click: t.handleSubmit } }, [t._v(" 加入会员 ")])], 1)]);
+}, Cn = [], Rn = /* @__PURE__ */ wt(
+  xn,
+  bn,
+  Cn,
+  !1,
+  null,
+  null
+);
+const Dn = Rn.exports;
+let Sn = {
+  open() {
+    W.emit(G.Open);
+  },
+  close() {
+    W.emit(G.Close);
+  },
+  onSubmit(e) {
+    W.on(G.Submit, e);
+  }
+};
+function _n() {
+  let e = !1;
+  return {
+    install(t) {
+      if (typeof window < "u" && !e) {
+        const n = document.createElement("div");
+        n.setAttribute("id", "global-modal-root"), document.body.appendChild(n);
+        const o = t.extend(Dn);
+        new o().$mount(n), e = !0;
+      }
+      t.prototype.$globalModal = Sn;
+    }
+  };
+}
+const Qt = {
+  ApplyDataDialog: wn,
+  JcSearch: Zt
+}, Tn = {
+  /**
+   * Vue 2 插件安装方法
+   * @param Vue Vue 的构造函数
+   */
+  install(e) {
+    Object.keys(Qt).forEach((t) => {
+      e.component(t, Qt[t]);
+    });
+  }
+};
+export {
+  wn as ApplyDataDialog,
+  Dn as GlobalModal,
+  Zt as JcSearch,
+  In as MODAL_ACTION,
+  _n as createGlobalModalPlugin,
+  Tn as default,
+  Bn as emitter
+};