@wsxjs/wsx-router 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,591 +1,1383 @@
-import { createLogger as F, autoRegister as ot, LightComponent as Y, jsx as Z, WebComponent as st } from "@wsxjs/wsx-core";
-const at = ":host{display:block;width:100%;height:100%}.router-outlet{width:100%;height:100%}";
-var yt;
-let wt, xt;
-function X(r, t, e) {
-  return (t = kt(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
-}
-function Rt(r, t, e, n, g, C) {
-  function S(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+import { autoRegister as we, LightComponent as oe, jsx as ae, WebComponent as Re } from "@wsxjs/wsx-core";
+function Ge(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var ue = { exports: {} };
+function Xe(t) {
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return '"[Circular]"';
+  }
+}
+var Ye = Ze;
+function Ze(t, e, n) {
+  var r = n && n.stringify || Xe, s = 1;
+  if (typeof t == "object" && t !== null) {
+    var l = e.length + s;
+    if (l === 1) return t;
+    var m = new Array(l);
+    m[0] = r(t);
+    for (var g = 1; g < l; g++)
+      m[g] = r(e[g]);
+    return m.join(" ");
+  }
+  if (typeof t != "string")
+    return t;
+  var u = e.length;
+  if (u === 0) return t;
+  for (var i = "", p = 1 - s, v = -1, z = t && t.length || 0, x = 0; x < z; ) {
+    if (t.charCodeAt(x) === 37 && x + 1 < z) {
+      switch (v = v > -1 ? v : 0, t.charCodeAt(x + 1)) {
+        case 100:
+        // 'd'
+        case 102:
+          if (p >= u || e[p] == null) break;
+          v < x && (i += t.slice(v, x)), i += Number(e[p]), v = x + 2, x++;
+          break;
+        case 105:
+          if (p >= u || e[p] == null) break;
+          v < x && (i += t.slice(v, x)), i += Math.floor(Number(e[p])), v = x + 2, x++;
+          break;
+        case 79:
+        // 'O'
+        case 111:
+        // 'o'
+        case 106:
+          if (p >= u || e[p] === void 0) break;
+          v < x && (i += t.slice(v, x));
+          var o = typeof e[p];
+          if (o === "string") {
+            i += "'" + e[p] + "'", v = x + 2, x++;
+            break;
+          }
+          if (o === "function") {
+            i += e[p].name || "<anonymous>", v = x + 2, x++;
+            break;
+          }
+          i += r(e[p]), v = x + 2, x++;
+          break;
+        case 115:
+          if (p >= u)
+            break;
+          v < x && (i += t.slice(v, x)), i += String(e[p]), v = x + 2, x++;
+          break;
+        case 37:
+          v < x && (i += t.slice(v, x)), i += "%", v = x + 2, x++, p--;
+          break;
+      }
+      ++p;
+    }
+    ++x;
+  }
+  return v === -1 ? t : (v < z && (i += t.slice(v)), i);
+}
+const Le = Ye;
+ue.exports = K;
+const re = mt().console || {}, et = {
+  mapHttpRequest: ie,
+  mapHttpResponse: ie,
+  wrapRequestSerializer: fe,
+  wrapResponseSerializer: fe,
+  wrapErrorSerializer: fe,
+  req: ie,
+  res: ie,
+  err: _e,
+  errWithCause: _e
+};
+function Y(t, e) {
+  return t === "silent" ? 1 / 0 : e.levels.values[t];
+}
+const xe = Symbol("pino.logFuncs"), be = Symbol("pino.hierarchy"), tt = {
+  error: "log",
+  fatal: "error",
+  warn: "error",
+  info: "log",
+  debug: "log",
+  trace: "log"
+};
+function ke(t, e) {
+  const n = {
+    logger: e,
+    parent: t[be]
+  };
+  e[be] = n;
+}
+function nt(t, e, n) {
+  const r = {};
+  e.forEach((s) => {
+    r[s] = n[s] ? n[s] : re[s] || re[tt[s] || "log"] || ne;
+  }), t[xe] = r;
+}
+function rt(t, e) {
+  return Array.isArray(t) ? t.filter(function(r) {
+    return r !== "!stdSerializers.err";
+  }) : t === !0 ? Object.keys(e) : !1;
+}
+function K(t) {
+  t = t || {}, t.browser = t.browser || {};
+  const e = t.browser.transmit;
+  if (e && typeof e.send != "function")
+    throw Error("pino: transmit option must have a send function");
+  const n = t.browser.write || re;
+  t.browser.write && (t.browser.asObject = !0);
+  const r = t.serializers || {}, s = rt(t.browser.serialize, r);
+  let l = t.browser.serialize;
+  Array.isArray(t.browser.serialize) && t.browser.serialize.indexOf("!stdSerializers.err") > -1 && (l = !1);
+  const m = Object.keys(t.customLevels || {}), g = ["error", "fatal", "warn", "info", "debug", "trace"].concat(m);
+  typeof n == "function" && g.forEach(function(c) {
+    n[c] = n;
+  }), (t.enabled === !1 || t.browser.disabled) && (t.level = "silent");
+  const u = t.level || "info", i = Object.create(n);
+  i.log || (i.log = ne), nt(i, g, n), ke({}, i), Object.defineProperty(i, "levelVal", {
+    get: v
+  }), Object.defineProperty(i, "level", {
+    get: z,
+    set: x
+  });
+  const p = {
+    transmit: e,
+    serialize: s,
+    asObject: t.browser.asObject,
+    asObjectBindingsOnly: t.browser.asObjectBindingsOnly,
+    formatters: t.browser.formatters,
+    levels: g,
+    timestamp: ht(t),
+    messageKey: t.messageKey || "msg",
+    onChild: t.onChild || ne
+  };
+  i.levels = it(t), i.level = u, i.isLevelEnabled = function(c) {
+    return this.levels.values[c] ? this.levels.values[c] >= this.levels.values[this.level] : !1;
+  }, i.setMaxListeners = i.getMaxListeners = i.emit = i.addListener = i.on = i.prependListener = i.once = i.prependOnceListener = i.removeListener = i.removeAllListeners = i.listeners = i.listenerCount = i.eventNames = i.write = i.flush = ne, i.serializers = r, i._serialize = s, i._stdErrSerialize = l, i.child = function(...c) {
+    return o.call(this, p, ...c);
+  }, e && (i._logEvent = ye());
+  function v() {
+    return Y(this.level, this);
+  }
+  function z() {
+    return this._level;
+  }
+  function x(c) {
+    if (c !== "silent" && !this.levels.values[c])
+      throw Error("unknown level " + c);
+    this._level = c, Z(this, p, i, "error"), Z(this, p, i, "fatal"), Z(this, p, i, "warn"), Z(this, p, i, "info"), Z(this, p, i, "debug"), Z(this, p, i, "trace"), m.forEach((f) => {
+      Z(this, p, i, f);
+    });
+  }
+  function o(c, f, h) {
+    if (!f)
+      throw new Error("missing bindings for child Pino");
+    h = h || {}, s && f.serializers && (h.serializers = f.serializers);
+    const d = h.serializers;
+    if (s && d) {
+      var T = Object.assign({}, r, d), V = t.browser.serialize === !0 ? Object.keys(T) : s;
+      delete f.serializers, Ee([f], V, T, this._stdErrSerialize);
+    }
+    function A(_) {
+      this._childLevel = (_._childLevel | 0) + 1, this.bindings = f, T && (this.serializers = T, this._serialize = V), e && (this._logEvent = ye(
+        [].concat(_._logEvent.bindings, f)
+      ));
+    }
+    A.prototype = this;
+    const I = new A(this);
+    return ke(this, I), I.child = function(..._) {
+      return o.call(this, c, ..._);
+    }, I.level = h.level || this.level, c.onChild(I), I;
+  }
+  return i;
+}
+function it(t) {
+  const e = t.customLevels || {}, n = Object.assign({}, K.levels.values, e), r = Object.assign({}, K.levels.labels, st(e));
+  return {
+    values: n,
+    labels: r
+  };
+}
+function st(t) {
+  const e = {};
+  return Object.keys(t).forEach(function(n) {
+    e[t[n]] = n;
+  }), e;
+}
+K.levels = {
+  values: {
+    fatal: 60,
+    error: 50,
+    warn: 40,
+    info: 30,
+    debug: 20,
+    trace: 10
+  },
+  labels: {
+    10: "trace",
+    20: "debug",
+    30: "info",
+    40: "warn",
+    50: "error",
+    60: "fatal"
+  }
+};
+K.stdSerializers = et;
+K.stdTimeFunctions = Object.assign({}, { nullTime: De, epochTime: Me, unixTime: ft, isoTime: dt });
+function ot(t) {
+  const e = [];
+  t.bindings && e.push(t.bindings);
+  let n = t[be];
+  for (; n.parent; )
+    n = n.parent, n.logger.bindings && e.push(n.logger.bindings);
+  return e.reverse();
+}
+function Z(t, e, n, r) {
+  if (Object.defineProperty(t, r, {
+    value: Y(t.level, n) > Y(r, n) ? ne : n[xe][r],
+    writable: !0,
+    enumerable: !0,
+    configurable: !0
+  }), t[r] === ne) {
+    if (!e.transmit) return;
+    const l = e.transmit.level || t.level, m = Y(l, n);
+    if (Y(r, n) < m) return;
+  }
+  t[r] = ct(t, e, n, r);
+  const s = ot(t);
+  s.length !== 0 && (t[r] = at(s, t[r]));
+}
+function at(t, e) {
+  return function() {
+    return e.apply(this, [...t, ...arguments]);
+  };
+}
+function ct(t, e, n, r) {
+  return /* @__PURE__ */ function(s) {
+    return function() {
+      const m = e.timestamp(), g = new Array(arguments.length), u = Object.getPrototypeOf && Object.getPrototypeOf(this) === re ? re : this;
+      for (var i = 0; i < g.length; i++) g[i] = arguments[i];
+      var p = !1;
+      if (e.serialize && (Ee(g, this._serialize, this.serializers, this._stdErrSerialize), p = !0), e.asObject || e.formatters ? s.call(u, ...lt(this, r, g, m, e)) : s.apply(u, g), e.transmit) {
+        const v = e.transmit.level || t._level, z = Y(v, n), x = Y(r, n);
+        if (x < z) return;
+        ut(this, {
+          ts: m,
+          methodLevel: r,
+          methodValue: x,
+          transmitValue: n.levels.values[e.transmit.level || t._level],
+          send: e.transmit.send,
+          val: Y(t._level, n)
+        }, g, p);
+      }
+    };
+  }(t[xe][r]);
+}
+function lt(t, e, n, r, s) {
+  const {
+    level: l,
+    log: m = (v) => v
+  } = s.formatters || {}, g = n.slice();
+  let u = g[0];
+  const i = {};
+  let p = (t._childLevel | 0) + 1;
+  if (p < 1 && (p = 1), r && (i.time = r), l) {
+    const v = l(e, t.levels.values[e]);
+    Object.assign(i, v);
+  } else
+    i.level = t.levels.values[e];
+  if (s.asObjectBindingsOnly) {
+    if (u !== null && typeof u == "object")
+      for (; p-- && typeof g[0] == "object"; )
+        Object.assign(i, g.shift());
+    return [m(i), ...g];
+  } else {
+    if (u !== null && typeof u == "object") {
+      for (; p-- && typeof g[0] == "object"; )
+        Object.assign(i, g.shift());
+      u = g.length ? Le(g.shift(), g) : void 0;
+    } else typeof u == "string" && (u = Le(g.shift(), g));
+    return u !== void 0 && (i[s.messageKey] = u), [m(i)];
+  }
+}
+function Ee(t, e, n, r) {
+  for (const s in t)
+    if (r && t[s] instanceof Error)
+      t[s] = K.stdSerializers.err(t[s]);
+    else if (typeof t[s] == "object" && !Array.isArray(t[s]) && e)
+      for (const l in t[s])
+        e.indexOf(l) > -1 && l in n && (t[s][l] = n[l](t[s][l]));
+}
+function ut(t, e, n, r = !1) {
+  const s = e.send, l = e.ts, m = e.methodLevel, g = e.methodValue, u = e.val, i = t._logEvent.bindings;
+  r || Ee(
+    n,
+    t._serialize || Object.keys(t.serializers),
+    t.serializers,
+    t._stdErrSerialize === void 0 ? !0 : t._stdErrSerialize
+  ), t._logEvent.ts = l, t._logEvent.messages = n.filter(function(p) {
+    return i.indexOf(p) === -1;
+  }), t._logEvent.level.label = m, t._logEvent.level.value = g, s(m, t._logEvent, u), t._logEvent = ye(i);
+}
+function ye(t) {
+  return {
+    ts: 0,
+    messages: [],
+    bindings: t || [],
+    level: { label: "", value: 0 }
+  };
+}
+function _e(t) {
+  const e = {
+    type: t.constructor.name,
+    msg: t.message,
+    stack: t.stack
+  };
+  for (const n in t)
+    e[n] === void 0 && (e[n] = t[n]);
+  return e;
+}
+function ht(t) {
+  return typeof t.timestamp == "function" ? t.timestamp : t.timestamp === !1 ? De : Me;
+}
+function ie() {
+  return {};
+}
+function fe(t) {
+  return t;
+}
+function ne() {
+}
+function De() {
+  return !1;
+}
+function Me() {
+  return Date.now();
+}
+function ft() {
+  return Math.round(Date.now() / 1e3);
+}
+function dt() {
+  return new Date(Date.now()).toISOString();
+}
+function mt() {
+  function t(e) {
+    return typeof e < "u" && e;
+  }
+  try {
+    return typeof globalThis < "u" || Object.defineProperty(Object.prototype, "globalThis", {
+      get: function() {
+        return delete Object.prototype.globalThis, this.globalThis = this;
+      },
+      configurable: !0
+    }), globalThis;
+  } catch {
+    return t(self) || t(window) || t(this) || {};
+  }
+}
+ue.exports.default = K;
+ue.exports.pino = K;
+var gt = ue.exports;
+const se = /* @__PURE__ */ Ge(gt);
+function ce() {
+  return typeof process < "u" && process.env.NODE_ENV === "production";
+}
+function pt() {
+  var t;
+  return typeof process < "u" && ((t = process.versions) == null ? void 0 : t.node) !== void 0;
+}
+function vt() {
+  return typeof window < "u" && typeof document < "u";
+}
+const de = {
+  name: "WSX",
+  level: ce() ? "info" : "debug",
+  pretty: !ce()
+};
+function bt(t = {}) {
+  const { name: e, level: n, pretty: r, pinoOptions: s } = { ...de, ...t }, l = {
+    name: e || de.name,
+    level: n || de.level,
+    ...s
+  };
+  if (vt() && (l.browser = {
+    asObject: !1,
+    // Use console methods directly (default behavior)
+    write: void 0,
+    // Use default console write
+    ...(s == null ? void 0 : s.browser) || {}
+    // Allow override via pinoOptions
+  }), r && pt() && !ce())
+    try {
+      return se(
+        l,
+        se.transport({
+          target: "pino-pretty",
+          options: {
+            colorize: !0,
+            translateTime: "HH:MM:ss.l",
+            ignore: "pid,hostname",
+            singleLine: !1
+          }
+        })
+      );
+    } catch {
+      return console.warn("[wsx-logger] pino-pretty not available, using default formatter"), se(l);
+    }
+  return se(l);
+}
+class Ne {
+  constructor(e = {}) {
+    this.isProd = ce(), this.pinoLogger = bt(e);
+  }
+  debug(e, ...n) {
+    this.isProd || (n.length > 0 ? this.pinoLogger.debug({ args: n }, e) : this.pinoLogger.debug(e));
+  }
+  info(e, ...n) {
+    this.isProd ? n.length > 0 ? this.pinoLogger.info({ args: n }, e) : this.pinoLogger.info(e) : n.length > 0 ? this.pinoLogger.info({ args: n }, e) : this.pinoLogger.info(e);
+  }
+  warn(e, ...n) {
+    n.length > 0 ? this.pinoLogger.warn({ args: n }, e) : this.pinoLogger.warn(e);
+  }
+  error(e, ...n) {
+    n.length > 0 ? this.pinoLogger.error({ args: n }, e) : this.pinoLogger.error(e);
+  }
+  fatal(e, ...n) {
+    n.length > 0 ? this.pinoLogger.fatal({ args: n }, e) : this.pinoLogger.fatal(e);
+  }
+  trace(e, ...n) {
+    this.isProd || (n.length > 0 ? this.pinoLogger.trace({ args: n }, e) : this.pinoLogger.trace(e));
+  }
+  /**
+   * Get the underlying pino logger instance
+   */
+  getPinoLogger() {
+    return this.pinoLogger;
+  }
+}
+new Ne();
+function he(t, e = {}) {
+  return new Ne({
+    ...e,
+    name: e.name || `WSX:${t}`
+  });
+}
+const yt = he("RouterUtils"), te = class te {
+  /**
+   * 设置当前路由信息（由 WsxRouter 内部调用）
+   * @internal
+   */
+  static _setCurrentRoute(e) {
+    te._currentRoute = e;
+  }
+  /**
+   * 编程式导航
+   */
+  static navigate(e, n = !1) {
+    n ? window.history.replaceState(null, "", e) : window.history.pushState(null, "", e), window.dispatchEvent(new PopStateEvent("popstate")), yt.debug(`Navigated to: ${e} (replace: ${n})`);
+  }
+  /**
+   * 获取当前路由信息
+   * 如果路由已匹配（由 WsxRouter 维护），则返回包含参数的路由信息
+   * 否则返回基础路由信息（参数为空对象）
+   */
+  static getCurrentRoute() {
+    if (te._currentRoute)
+      return te._currentRoute;
+    const e = new URL(window.location.href);
+    return {
+      path: e.pathname,
+      params: {},
+      query: Object.fromEntries(e.searchParams.entries()),
+      hash: e.hash.slice(1)
+      // 移除 # 号
     };
   }
-  function T(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+  /**
+   * 解析路由路径，提取参数
+   */
+  static parseRoute(e, n) {
+    var r;
+    if (e === n)
+      return {
+        route: e,
+        params: {},
+        exact: !0
+      };
+    if (e === "*")
+      return {
+        route: e,
+        params: {},
+        exact: !1
+      };
+    if (e.includes(":")) {
+      const s = ((r = e.match(/:([^/]+)/g)) == null ? void 0 : r.map((u) => u.slice(1))) || [], l = e.replace(/:[^/]+/g, "([^/]+)"), m = new RegExp(`^${l}$`), g = n.match(m);
+      if (g && s.length > 0) {
+        const u = {};
+        return s.forEach((i, p) => {
+          u[i] = g[p + 1];
+        }), {
+          route: e,
+          params: u,
+          exact: !0
+        };
+      }
+    }
+    if (e.endsWith("/*")) {
+      const s = e.slice(0, -2);
+      if (n.startsWith(s))
+        return {
+          route: e,
+          params: {},
+          exact: !1
+        };
+    }
+    return null;
+  }
+  /**
+   * 构建路由路径，替换参数
+   */
+  static buildPath(e, n = {}) {
+    let r = e;
+    return Object.entries(n).forEach(([s, l]) => {
+      r = r.replace(`:${s}`, encodeURIComponent(l));
+    }), r;
+  }
+  /**
+   * 检查路由是否匹配当前路径
+   */
+  static isRouteActive(e, n = !1) {
+    const r = window.location.pathname;
+    return n ? r === e : e === "/" ? r === "/" : r.startsWith(e);
+  }
+  /**
+   * 获取路由层级
+   */
+  static getRouteDepth(e) {
+    return e.split("/").filter((n) => n.length > 0).length;
+  }
+  /**
+   * 获取父级路由
+   */
+  static getParentRoute(e) {
+    const n = e.split("/").filter((r) => r.length > 0);
+    return n.length <= 1 ? "/" : (n.pop(), "/" + n.join("/"));
+  }
+  /**
+   * 合并路由路径
+   */
+  static joinPaths(...e) {
+    return e.map((n) => n.replace(/^\/+|\/+$/g, "")).filter((n) => n.length > 0).join("/").replace(/^/, "/");
+  }
+  /**
+   * 检查是否为外部链接
+   */
+  static isExternalUrl(e) {
+    return /^https?:\/\//.test(e) || /^mailto:/.test(e) || /^tel:/.test(e);
+  }
+  /**
+   * 获取查询参数
+   */
+  static getQueryParam(e) {
+    return new URL(window.location.href).searchParams.get(e);
+  }
+  /**
+   * 设置查询参数
+   */
+  static setQueryParam(e, n, r = !1) {
+    const s = new URL(window.location.href);
+    s.searchParams.set(e, n);
+    const l = s.pathname + s.search + s.hash;
+    this.navigate(l, r);
+  }
+  /**
+   * 删除查询参数
+   */
+  static removeQueryParam(e, n = !1) {
+    const r = new URL(window.location.href);
+    r.searchParams.delete(e);
+    const s = r.pathname + r.search + r.hash;
+    this.navigate(s, n);
+  }
+  /**
+   * 返回上一页
+   */
+  static goBack() {
+    window.history.back();
+  }
+  /**
+   * 前进一页
+   */
+  static goForward() {
+    window.history.forward();
+  }
+  /**
+   * 替换当前页面
+   */
+  static replace(e) {
+    this.navigate(e, !0);
+  }
+  /**
+   * 获取历史记录长度
+   */
+  static getHistoryLength() {
+    return window.history.length;
+  }
+  /**
+   * 监听路由变化
+   *
+   * 只监听 route-changed 事件，该事件在 RouterUtils._setCurrentRoute() 之后触发。
+   * 不监听 popstate 事件，因为：
+   * 1. WsxRouter 已经监听 popstate 并会触发 route-changed
+   * 2. 同时监听两个事件会导致回调被调用两次，产生竞态条件
+   * 3. popstate 触发时 RouterUtils._currentRoute 可能还未更新
+   *
+   * @see RFC-0035: 路由导航竞态条件修复
+   */
+  static onRouteChange(e) {
+    const n = () => {
+      const r = this.getCurrentRoute();
+      e(r);
+    };
+    return document.addEventListener("route-changed", n), () => {
+      document.removeEventListener("route-changed", n);
+    };
+  }
+};
+te._currentRoute = null;
+let le = te;
+const $e = ":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";
+var qe;
+let Fe, He;
+function U(t, e, n) {
+  return (e = Ue(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function wt(t, e, n, r, s, l) {
+  function m(o, c, f) {
+    return function(h, d) {
+      return f && f(h), o[c].call(h, d);
+    };
+  }
+  function g(o, c) {
+    for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
-    return i;
+  function u(o, c, f, h) {
+    if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
+    return o;
   }
-  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+    function j(b) {
+      if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], j = !R;
-    if (!j) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: ct(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || ct(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var y, C = c[0], O = c[3], P = !A;
+    if (!P) {
+      f || Array.isArray(C) || (C = [C]);
+      var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
+      _ ? (k || E ? a = { get: je(function() {
+        return O(this);
+      }, h, "get"), set: function(b) {
+        c[4](this, b);
+      } } : a[L] = O, k || je(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(_, "An initializer", "be", !0), L.push(_);
-      }).bind(null, K) };
+    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
+      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+        if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
+        u(W, "An initializer", "be", !0), V.push(W);
+      }).bind(null, G) };
       try {
-        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
+        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
         else {
-          var I, z;
-          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (z = function(l, _) {
-            l[s] = _;
+          var M, F;
+          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+            return j(b), a.value;
+          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+            return b[h];
+          }, (d < 2 || d === 4) && (F = function(b, W) {
+            b[h] = W;
           }));
-          var Q = O.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var X = D.access = { has: _ ? R.bind() : function(b) {
+            return h in b;
           } };
-          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
-            else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+            if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
+            else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
         }
       } finally {
-        K.v = !0;
+        G.v = !0;
       }
     }
-    return (m || d) && R.push(function(l, _) {
-      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
-      return _;
-    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
-  }
-  function P(i, c) {
-    return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
-  }
-  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var A = Object.create(U ?? null), G = function(i, c, u, s) {
-    var a, W, L = [], R = function(v) {
-      return $t(v) === i;
-    }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && L.push(T.bind(null, v));
+    return (k || E) && A.push(function(b, W) {
+      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+      return W;
+    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+  }
+  function p(o, c) {
+    return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
+  }
+  if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var z = Object.create(v ?? null), x = function(o, c, f, h) {
+    var d, T, V = [], A = function(L) {
+      return Et(L) === o;
+    }, I = /* @__PURE__ */ new Map();
+    function _(L) {
+      L && V.push(g.bind(null, L));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), j = (p &= 7) == 0, o = w + "/" + k;
-        if (!j && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var k = 0; k < c.length; k++) {
+      var E = c[k];
+      if (Array.isArray(E)) {
+        var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
+        if (!P && !y) {
+          var S = I.get(a);
+          if (S === !0 || S === 3 && R !== 4 || S === 4 && R !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + j);
+          I.set(a, !(R > 2) || R);
         }
-        $(k ? i : i.prototype, d, x, h ? "#" + w : kt(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
+        i(O ? o : o.prototype, E, C, y ? "#" + j : Ue(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return y(a), y(W), L;
-  }(r, t, g, A);
-  return e.length || P(r, A), { e: G, get c() {
-    var i = [];
-    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
+    return _(d), _(T), V;
+  }(t, e, s, z);
+  return n.length || p(t, z), { e: x, get c() {
+    var o = [];
+    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
   } };
 }
-function kt(r) {
-  var t = jt(r, "string");
-  return typeof t == "symbol" ? t : t + "";
+function Ue(t) {
+  var e = xt(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function jt(r, t) {
-  if (typeof r != "object" || !r) return r;
-  var e = r[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+function xt(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return String(r);
+  return String(t);
 }
-function ct(r, t, e) {
-  typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+function je(t, e, n) {
+  typeof e == "symbol" && (e = (e = e.description) ? "[" + e + "]" : "");
   try {
-    Object.defineProperty(r, "name", { configurable: !0, value: e ? e + " " + t : t });
+    Object.defineProperty(t, "name", { configurable: !0, value: n ? n + " " + e : e });
   } catch {
   }
-  return r;
+  return t;
 }
-function $t(r) {
-  if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
-  return r;
+function Et(t) {
+  if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
+  return t;
 }
-const J = F("WsxRouter");
-xt = [ot({
+const $ = he("WsxRouter");
+He = [we({
   tagName: "wsx-router"
 })];
-let At;
-class Wt extends Y {
+let Rt;
+class Lt extends oe {
   constructor() {
     super({
-      styles: at,
+      styles: $e,
       styleName: "wsx-router"
-    }), X(this, "_autoStyles", at), X(this, "views", /* @__PURE__ */ new Map()), X(this, "currentView", null), X(this, "handleRouteChange", () => {
-      const t = window.location.pathname;
-      J.debug(`Route changed to: ${t}`), this.currentView && (this.currentView.style.display = "none", J.debug("Hiding previous view"));
-      const e = this.matchRoute(t);
-      if (e) {
-        e.style.display = "block", this.currentView = e, J.debug(`Showing view for route: ${e.getAttribute("route")}`);
-        const n = this.extractParams(e.getAttribute("route") || "/", t);
-        n && e.setAttribute("params", JSON.stringify(n));
-      } else
-        J.warn(`No view found for path: ${t}`);
-      this.dispatchEvent(new CustomEvent("route-changed", {
-        detail: {
-          path: t,
-          view: e
-        },
-        bubbles: !0,
-        composed: !0
-      }));
-    }), X(this, "interceptLinks", (t) => {
-      const e = t.target.closest("a");
-      if (!e) return;
-      const n = e.getAttribute("href");
-      !n || n.startsWith("http") || n.startsWith("#") || (t.preventDefault(), this.navigate(n));
+    }), U(this, "_autoStyles", $e), U(this, "views", /* @__PURE__ */ new Map()), U(this, "currentView", null), U(this, "currentPath", ""), U(this, "isHandlingRoute", !1), U(this, "compiledRoutes", /* @__PURE__ */ new Map()), U(this, "matchCache", /* @__PURE__ */ new Map()), U(this, "enableViewTransitions", !0), U(this, "scrollRestoration", "manual"), U(this, "handleRouteChange", () => {
+      if (this.isHandlingRoute) {
+        $.debug("Route change already in progress, skipping");
+        return;
+      }
+      this.views.size === 0 && (this.collectViews(), $.debug(`WsxRouter re-collected views: ${this.views.size}`)), this.isHandlingRoute = !0;
+      try {
+        const e = window.location.pathname;
+        $.debug(`WsxRouter: Route changed to: ${e}`);
+        const n = new CustomEvent("before-navigate", {
+          detail: {
+            to: e,
+            from: this.currentPath
+          },
+          bubbles: !0,
+          cancelable: !0
+        });
+        if (!this.dispatchEvent(n)) {
+          $.debug(`Navigation to ${e} was cancelled`);
+          return;
+        }
+        this.performNavigation(e);
+      } finally {
+        requestAnimationFrame(() => {
+          this.isHandlingRoute = !1;
+        });
+      }
+    }), U(this, "interceptLinks", (e) => {
+      const n = e.target.closest("a");
+      if (!n) return;
+      const r = n.getAttribute("href");
+      !r || r.startsWith("http") || r.startsWith("#") || (e.preventDefault(), this.navigate(r));
     });
   }
   render() {
-    return /* @__PURE__ */ Z("div", { class: "router-outlet" });
+    return /* @__PURE__ */ ae("div", { class: "router-outlet" });
+  }
+  onRendered() {
+    this.views.size === 0 && (this.collectViews(), $.debug("WsxRouter collected views in onRendered:", this.views.size)), this.views.size > 0 && !this.currentView && requestAnimationFrame(() => {
+      this.handleRouteChange();
+    });
   }
   onConnected() {
-    J.debug("WsxRouter connected to DOM"), this.collectViews(), J.debug("WsxRouter collected views:", this.views.size), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), this.handleRouteChange();
+    $.debug("WsxRouter connected to DOM"), "scrollRestoration" in history && (history.scrollRestoration = this.scrollRestoration), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), requestAnimationFrame(() => {
+      this.views.size === 0 && (this.collectViews(), $.debug(`WsxRouter collected views in onConnected: ${this.views.size}`)), requestAnimationFrame(() => {
+        $.debug(`WsxRouter handling initial route: ${window.location.pathname}`), this.handleRouteChange();
+      });
+    });
   }
   onDisconnected() {
     window.removeEventListener("popstate", this.handleRouteChange);
   }
   collectViews() {
-    const t = Array.from(this.children).filter((e) => e.tagName.toLowerCase() === "wsx-view");
-    J.debug("WsxRouter found views:", t.length), t.forEach((e) => {
-      const n = e.getAttribute("route") || "/";
-      this.views.set(n, e), e.style.display = "none", J.debug(`WsxRouter hiding view for route: ${n}`);
+    const e = Array.from(this.children).filter((n) => n.tagName.toLowerCase() === "wsx-view");
+    $.debug(`WsxRouter found ${e.length} views`), this.views.clear(), this.compiledRoutes.clear(), this.matchCache.clear(), e.forEach((n) => {
+      const r = n.getAttribute("route") || "/";
+      if (this.views.set(r, n), $.debug(`WsxRouter registered route: ${r}`), r.includes(":")) {
+        const s = r.replace(/:[^/]+/g, "([^/]+)"), l = new RegExp(`^${s}$`);
+        this.compiledRoutes.set(r, l), $.debug(`WsxRouter compiled regex for route: ${r} -> ${l}`);
+      }
+      n.style.display = "none";
     });
   }
-  matchRoute(t) {
-    if (this.views.has(t))
-      return this.views.get(t);
-    for (const [e, n] of this.views)
-      if (e.includes(":")) {
-        const g = e.replace(/:[^/]+/g, "([^/]+)");
-        if (new RegExp(`^${g}$`).test(t))
-          return n;
+  /**
+   * RFC 0033: 执行导航（带 View Transitions 支持）
+   */
+  performNavigation(e) {
+    const n = () => {
+      const r = this.matchRoute(e);
+      if (r) {
+        r.style.display = "block", r.style.visibility = "visible";
+        const s = r.getAttribute("route") || "/";
+        $.debug(`Showing view for route: ${s}`);
+        for (const [p, v] of this.views)
+          v !== r && (v.style.display = "none", v.style.visibility = "");
+        this.currentView = r;
+        const l = this.extractParams(s, e);
+        $.debug(`Extracted params for route ${s} and path ${e}:`, l), l && requestAnimationFrame(() => {
+          r.setAttribute("params", JSON.stringify(l)), $.debug(`Set params attribute on view: ${JSON.stringify(l)}`);
+        });
+        const m = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, g = new URL(m, window.location.origin || "http://localhost"), u = {
+          path: e,
+          params: l || {},
+          query: Object.fromEntries(g.searchParams.entries()),
+          hash: g.hash.slice(1)
+        };
+        le._setCurrentRoute(u), $.debug("Updated RouterUtils._currentRoute:", u);
+        const i = new CustomEvent("route-changed", {
+          detail: u,
+          bubbles: !0
+        });
+        document.dispatchEvent(i);
+      } else {
+        for (const [u, i] of this.views)
+          i.style.display = "none";
+        this.currentView = null, $.warn(`No view found for path: ${e}`);
+        const s = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, l = new URL(s, window.location.origin || "http://localhost"), m = {
+          path: e,
+          params: {},
+          query: Object.fromEntries(l.searchParams.entries()),
+          hash: l.hash.slice(1)
+        };
+        le._setCurrentRoute(m);
+        const g = new CustomEvent("route-changed", {
+          detail: m,
+          bubbles: !0
+        });
+        document.dispatchEvent(g);
+      }
+      this.handleScrollRestoration(e), this.dispatchEvent(new CustomEvent("after-navigate", {
+        detail: {
+          to: e,
+          from: this.currentPath
+        },
+        bubbles: !0
+      })), this.currentPath = e;
+    };
+    this.enableViewTransitions && "startViewTransition" in document ? document.startViewTransition(n) : n();
+  }
+  /**
+   * RFC 0033: 滚动恢复处理
+   */
+  handleScrollRestoration(e) {
+    this.scrollRestoration === "manual" && (this.isBackNavigation() || (window.scrollTo(0, 0), $.debug("Scrolled to top for forward navigation")));
+  }
+  /**
+   * RFC 0033: 检测是否是后退导航
+   */
+  isBackNavigation() {
+    var e;
+    return "navigation" in performance && performance.navigation ? performance.navigation.type === 2 : ((e = window.history.state) == null ? void 0 : e.navigationType) === "back";
+  }
+  matchRoute(e) {
+    if ($.warn(`matchRoute called for path: ${e}, views count: ${this.views.size}`), this.matchCache.has(e)) {
+      const r = this.matchCache.get(e);
+      return $.warn(`matchRoute: found in cache, route: ${r}`), this.views.get(r) || null;
+    }
+    if (this.views.has(e))
+      return this.matchCache.set(e, e), $.warn(`matchRoute: exact match found for ${e}`), this.views.get(e);
+    $.warn(`matchRoute: checking parameter routes, compiledRoutes count: ${this.compiledRoutes.size}`);
+    for (const [r, s] of this.views)
+      if (r.includes(":")) {
+        const l = this.compiledRoutes.get(r);
+        if (l) {
+          const m = l.test(e);
+          if ($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${m}`), m)
+            return this.matchCache.set(e, r), $.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`), s;
+        } else
+          $.warn(`matchRoute: route ${r} has ':' but no compiled regex found`);
       }
-    return this.views.get("*") || null;
-  }
-  extractParams(t, e) {
-    var b;
-    if (!t.includes(":")) return null;
-    const n = ((b = t.match(/:([^/]+)/g)) == null ? void 0 : b.map(($) => $.slice(1))) || [], g = t.replace(/:[^/]+/g, "([^/]+)"), C = new RegExp(`^${g}$`), S = e.match(C);
-    if (!S || !n.length) return null;
-    const T = {};
-    return n.forEach(($, P) => {
-      T[$] = S[P + 1];
-    }), T;
+    const n = this.views.get("*") || null;
+    return n ? (this.matchCache.set(e, "*"), $.warn(`matchRoute: wildcard match found for ${e}`)) : $.warn(`matchRoute: no match found for ${e}, no wildcard view available`), n;
+  }
+  extractParams(e, n) {
+    var u;
+    if (!e.includes(":")) return null;
+    const r = ((u = e.match(/:([^/]+)/g)) == null ? void 0 : u.map((i) => i.slice(1))) || [], s = e.replace(/:[^/]+/g, "([^/]+)"), l = new RegExp(`^${s}$`), m = n.match(l);
+    if (!m || !r.length) return null;
+    const g = {};
+    return r.forEach((i, p) => {
+      g[i] = m[p + 1];
+    }), g;
+  }
+  /**
+   * RFC 0032: 清除匹配缓存
+   * 当路由配置变更时调用，确保使用最新的路由规则
+   */
+  clearMatchCache() {
+    this.matchCache.clear(), $.debug("WsxRouter cleared match cache");
+  }
+  /**
+   * RFC 0033: 配置 View Transitions
+   */
+  setViewTransitions(e) {
+    this.enableViewTransitions = e, $.debug(`View Transitions ${e ? "enabled" : "disabled"}`);
+  }
+  /**
+   * RFC 0033: 配置 Scroll Restoration
+   */
+  setScrollRestoration(e) {
+    this.scrollRestoration = e, "scrollRestoration" in history && (history.scrollRestoration = e), $.debug(`Scroll Restoration set to ${e}`);
   }
   /**
    * 编程式导航 - 使用原生 History API
    */
-  navigate(t) {
-    window.history.pushState(null, "", t), this.handleRouteChange();
-  }
-}
-yt = Wt;
-[At, wt] = Rt(yt, [], xt, 0, void 0, Y).c;
-wt();
-const lt = ":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";
-var tt, et;
-let ut, Et, ht;
-function B(r, t, e) {
-  return (t = _t(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
-}
-function Lt(r, t, e, n, g, C) {
-  function S(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+  navigate(e) {
+    window.history.pushState(null, "", e), this.handleRouteChange();
+  }
+}
+qe = Lt;
+[Rt, Fe] = wt(qe, [], He, 0, void 0, oe).c;
+Fe();
+const Ce = ":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";
+var me, ge;
+let Oe, Be, Se;
+function ee(t, e, n) {
+  return (e = Ke(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function kt(t, e, n, r, s, l) {
+  function m(o, c, f) {
+    return function(h, d) {
+      return f && f(h), o[c].call(h, d);
     };
   }
-  function T(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+  function g(o, c) {
+    for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
-    return i;
+  function u(o, c, f, h) {
+    if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
+    return o;
   }
-  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+    function j(b) {
+      if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], j = !R;
-    if (!j) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: ft(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || ft(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var y, C = c[0], O = c[3], P = !A;
+    if (!P) {
+      f || Array.isArray(C) || (C = [C]);
+      var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
+      _ ? (k || E ? a = { get: We(function() {
+        return O(this);
+      }, h, "get"), set: function(b) {
+        c[4](this, b);
+      } } : a[L] = O, k || We(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(_, "An initializer", "be", !0), L.push(_);
-      }).bind(null, K) };
+    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
+      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+        if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
+        u(W, "An initializer", "be", !0), V.push(W);
+      }).bind(null, G) };
       try {
-        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
+        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
         else {
-          var I, z;
-          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (z = function(l, _) {
-            l[s] = _;
+          var M, F;
+          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+            return j(b), a.value;
+          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+            return b[h];
+          }, (d < 2 || d === 4) && (F = function(b, W) {
+            b[h] = W;
           }));
-          var Q = O.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var X = D.access = { has: _ ? R.bind() : function(b) {
+            return h in b;
           } };
-          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
-            else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+            if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
+            else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
         }
       } finally {
-        K.v = !0;
+        G.v = !0;
       }
     }
-    return (m || d) && R.push(function(l, _) {
-      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
-      return _;
-    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
-  }
-  function P(i, c) {
-    return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
-  }
-  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var A = Object.create(U ?? null), G = function(i, c, u, s) {
-    var a, W, L = [], R = function(v) {
-      return It(v) === i;
-    }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && L.push(T.bind(null, v));
+    return (k || E) && A.push(function(b, W) {
+      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+      return W;
+    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+  }
+  function p(o, c) {
+    return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
+  }
+  if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var z = Object.create(v ?? null), x = function(o, c, f, h) {
+    var d, T, V = [], A = function(L) {
+      return $t(L) === o;
+    }, I = /* @__PURE__ */ new Map();
+    function _(L) {
+      L && V.push(g.bind(null, L));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), j = (p &= 7) == 0, o = w + "/" + k;
-        if (!j && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var k = 0; k < c.length; k++) {
+      var E = c[k];
+      if (Array.isArray(E)) {
+        var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
+        if (!P && !y) {
+          var S = I.get(a);
+          if (S === !0 || S === 3 && R !== 4 || S === 4 && R !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + j);
+          I.set(a, !(R > 2) || R);
         }
-        $(k ? i : i.prototype, d, x, h ? "#" + w : _t(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
+        i(O ? o : o.prototype, E, C, y ? "#" + j : Ke(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return y(a), y(W), L;
-  }(r, t, g, A);
-  return e.length || P(r, A), { e: G, get c() {
-    var i = [];
-    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
+    return _(d), _(T), V;
+  }(t, e, s, z);
+  return n.length || p(t, z), { e: x, get c() {
+    var o = [];
+    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
   } };
 }
-function _t(r) {
-  var t = Ot(r, "string");
-  return typeof t == "symbol" ? t : t + "";
+function Ke(t) {
+  var e = _t(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function Ot(r, t) {
-  if (typeof r != "object" || !r) return r;
-  var e = r[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+function _t(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(t);
 }
-function ft(r, t, e) {
-  typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+function We(t, e, n) {
+  typeof e == "symbol" && (e = (e = e.description) ? "[" + e + "]" : "");
   try {
-    Object.defineProperty(r, "name", { configurable: !0, value: e ? e + " " + t : t });
+    Object.defineProperty(t, "name", { configurable: !0, value: n ? n + " " + e : e });
   } catch {
   }
-  return r;
+  return t;
 }
-function It(r) {
-  if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
-  return r;
+function $t(t) {
+  if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
+  return t;
 }
-function Tt(r) {
-  return r;
+function jt(t) {
+  return t;
 }
-const rt = F("WsxView");
-Et = [ot({
+const N = he("WsxView");
+Be = [we({
   tagName: "wsx-view"
 })];
-let dt;
-new (ht = (et = class extends Y {
+let ze;
+new (Se = (ge = class extends oe {
+  // 防止重复加载的标志
   constructor() {
     super({
-      styles: lt,
+      styles: Ce,
       styleName: "wsx-view"
-    }), B(this, "_autoStyles", lt), B(this, "component", null), B(this, "params", {}), B(this, "componentInstance", null);
+    }), ee(this, "_autoStyles", Ce), ee(this, "component", null), ee(this, "params", {}), ee(this, "componentInstance", null), ee(this, "isLoading", !1);
   }
   render() {
-    return /* @__PURE__ */ Z("div", { class: "route-view" });
+    return /* @__PURE__ */ ae("div", { class: "route-view" });
   }
   onConnected() {
-    const t = this.getAttribute("component");
-    t && !this.componentInstance && this.loadComponent(t);
+    requestAnimationFrame(() => {
+      if (!this.connected || this.isLoading || this.componentInstance)
+        return;
+      const e = this.getAttribute("component");
+      e && this.loadComponent(e);
+    });
   }
-  onAttributeChanged(t, e, n) {
-    if (t === "component" && n && !this.componentInstance)
-      this.loadComponent(n);
-    else if (t === "params" && this.componentInstance)
-      try {
-        this.params = JSON.parse(n), Object.entries(this.params).forEach(([g, C]) => {
-          this.componentInstance.setAttribute(g, C);
+  onAttributeChanged(e, n, r) {
+    if (this.connected) {
+      if (e === "component" && r && !this.componentInstance && !this.isLoading)
+        requestAnimationFrame(() => {
+          this.connected && !this.componentInstance && !this.isLoading && this.loadComponent(r);
         });
-      } catch (g) {
-        rt.error("Failed to parse params:", g);
-      }
+      else if (e === "params" && this.componentInstance)
+        try {
+          this.params = JSON.parse(r), N.debug("WsxView: params attribute changed, setting on component:", this.params), Object.entries(this.params).forEach(([s, l]) => {
+            this.componentInstance.setAttribute(s, l);
+          }), N.debug(`WsxView: params set on component ${this.componentInstance.tagName}`);
+        } catch (s) {
+          N.warn("Failed to parse params:", s);
+        }
+    }
   }
-  async loadComponent(t) {
-    if (this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null), !customElements.get(t)) {
-      rt.warn(`Component ${t} not found in customElements registry`);
+  async loadComponent(e) {
+    if (!this.connected || this.isLoading || this.componentInstance) {
+      N.debug(`Skipping loadComponent for ${e}: connected=${this.connected}, isLoading=${this.isLoading}, hasInstance=${!!this.componentInstance}`);
       return;
     }
-    this.componentInstance = document.createElement(t), Object.keys(this.params).length > 0 && Object.entries(this.params).forEach(([g, C]) => {
-      this.componentInstance.setAttribute(g, C);
-    });
-    const n = this.querySelector(".route-view");
-    n ? n.appendChild(this.componentInstance) : rt.error("Route view container not found");
+    N.debug(`WsxView: Loading component ${e}`), this.isLoading = !0;
+    try {
+      const n = this.componentInstance;
+      if (n && (n.remove(), this.componentInstance = null), !customElements.get(e)) {
+        N.warn(`Component ${e} not found in customElements registry`), this.isLoading = !1;
+        return;
+      }
+      N.warn(`WsxView: Creating instance of ${e}`), this.componentInstance = document.createElement(e), Object.keys(this.params).length > 0 && (N.warn(`WsxView: Setting initial params on ${e}:`, this.params), Object.entries(this.params).forEach(([l, m]) => {
+        this.componentInstance.setAttribute(l, m);
+      }));
+      const s = this.querySelector(".route-view");
+      if (s) {
+        if (N.warn(`WsxView: Appending ${e} to container`), !customElements.get(e)) {
+          N.error(`WsxView: Component ${e} is not registered in customElements registry!`), this.isLoading = !1, this.componentInstance = null;
+          return;
+        }
+        s.appendChild(this.componentInstance), N.warn(`WsxView: Component ${e} appended successfully, waiting for connectedCallback...`), setTimeout(() => {
+          this.componentInstance && this.componentInstance.isConnected ? N.warn(`WsxView: Component ${e} is now connected to DOM`) : N.error(`WsxView: Component ${e} was not connected to DOM!`);
+        }, 0);
+      } else
+        N.error("WsxView: Route view container not found"), this.componentInstance = null;
+    } catch (n) {
+      N.warn(`Error loading component ${e}:`, n), this.componentInstance = null;
+    } finally {
+      this.isLoading = !1, N.warn(`WsxView: loadComponent for ${e} completed, isLoading=${this.isLoading}`);
+    }
   }
   onDisconnected() {
     this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
   }
-}, [dt, ut] = Lt(et, [], Et, 0, void 0, Y).c, et), tt = class extends Tt {
+}, [ze, Oe] = kt(ge, [], Be, 0, void 0, oe).c, ge), me = class extends jt {
   constructor() {
-    super(dt), B(this, "observedAttributes", ["route", "component", "params"]), ut();
-  }
-}, B(tt, ht, void 0), tt)();
-const Pt = ':host{display:inline-block;min-width:fit-content;min-height:fit-content;width:auto;height:auto}.wsx-link{color:var(--link-color, #007bff);text-decoration:var(--link-decoration, underline);cursor:pointer;transition:color .2s ease;display:inline-block;min-height:1.2em;line-height:1.2}.wsx-link:hover{color:var(--link-hover-color, #0056b3);text-decoration:var(--link-hover-decoration, underline)}.wsx-link:focus{outline:2px solid var(--link-focus-color, #007bff);outline-offset:2px}.wsx-link.active{color:var(--link-active-color, #6c757d);font-weight:var(--link-active-weight, bold)}:host([disabled]) .wsx-link{color:var(--link-disabled-color, #6c757d);cursor:not-allowed;pointer-events:none}:host([external]) .wsx-link:after{content:"↗";font-size:.8em;margin-left:.2em;opacity:.7}:host([variant="button"]) .wsx-link{background-color:var(--button-bg, #007bff);color:var(--button-color, white);padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;display:inline-block}:host([variant="button"]) .wsx-link:hover{background-color:var(--button-hover-bg, #0056b3);color:var(--button-hover-color, white)}:host([variant="tab"]) .wsx-link{padding:.5rem 1rem;border-bottom:2px solid transparent;text-decoration:none}:host([variant="tab"]) .wsx-link.active{border-bottom-color:var(--tab-active-border, #007bff)}';
-var nt, it;
-let pt, St, vt;
-function M(r, t, e) {
-  return (t = Ct(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
-}
-function Dt(r, t, e, n, g, C) {
-  function S(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+    super(ze), ee(this, "observedAttributes", ["route", "component", "params"]), Oe();
+  }
+}, ee(me, Se, void 0), me)();
+const Ct = ':host{display:inline-block;min-width:fit-content;min-height:fit-content;width:auto;height:auto}.wsx-link{color:var(--link-color, #007bff);text-decoration:var(--link-decoration, underline);cursor:pointer;transition:color .2s ease;display:inline-block;min-height:1.2em;line-height:1.2}.wsx-link:hover{color:var(--link-hover-color, #0056b3);text-decoration:var(--link-hover-decoration, underline)}.wsx-link:focus{outline:2px solid var(--link-focus-color, var(--focus-color, #dc2626));outline-offset:2px}.wsx-link.active{color:var(--link-active-color, #6c757d);font-weight:var(--link-active-weight, bold)}:host([disabled]) .wsx-link{color:var(--link-disabled-color, #6c757d);cursor:not-allowed;pointer-events:none}:host([external]) .wsx-link:after{content:"↗";font-size:.8em;margin-left:.2em;opacity:.7}:host([variant="button"]) .wsx-link{background-color:var(--button-bg, #007bff);color:var(--button-color, white);padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;display:inline-block}:host([variant="button"]) .wsx-link:hover{background-color:var(--button-hover-bg, #0056b3);color:var(--button-hover-color, white)}:host([variant="tab"]) .wsx-link{padding:.5rem 1rem;border-bottom:2px solid transparent;text-decoration:none}:host([variant="tab"]) .wsx-link.active{border-bottom-color:var(--tab-active-border, #007bff)}';
+var pe, ve;
+let Ae, Je, Te;
+function B(t, e, n) {
+  return (e = Qe(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function Ot(t, e, n, r, s, l) {
+  function m(o, c, f) {
+    return function(h, d) {
+      return f && f(h), o[c].call(h, d);
     };
   }
-  function T(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+  function g(o, c) {
+    for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
-    return i;
+  function u(o, c, f, h) {
+    if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
+    return o;
   }
-  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+    function j(b) {
+      if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], j = !R;
-    if (!j) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: mt(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || mt(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var y, C = c[0], O = c[3], P = !A;
+    if (!P) {
+      f || Array.isArray(C) || (C = [C]);
+      var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
+      _ ? (k || E ? a = { get: Ve(function() {
+        return O(this);
+      }, h, "get"), set: function(b) {
+        c[4](this, b);
+      } } : a[L] = O, k || Ve(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(_, "An initializer", "be", !0), L.push(_);
-      }).bind(null, K) };
+    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
+      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+        if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
+        u(W, "An initializer", "be", !0), V.push(W);
+      }).bind(null, G) };
       try {
-        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
+        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
         else {
-          var I, z;
-          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (z = function(l, _) {
-            l[s] = _;
+          var M, F;
+          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+            return j(b), a.value;
+          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+            return b[h];
+          }, (d < 2 || d === 4) && (F = function(b, W) {
+            b[h] = W;
           }));
-          var Q = O.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var X = D.access = { has: _ ? R.bind() : function(b) {
+            return h in b;
           } };
-          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
-            else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+            if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
+            else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
         }
       } finally {
-        K.v = !0;
+        G.v = !0;
       }
     }
-    return (m || d) && R.push(function(l, _) {
-      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
-      return _;
-    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
-  }
-  function P(i, c) {
-    return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
-  }
-  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var A = Object.create(U ?? null), G = function(i, c, u, s) {
-    var a, W, L = [], R = function(v) {
-      return zt(v) === i;
-    }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && L.push(T.bind(null, v));
+    return (k || E) && A.push(function(b, W) {
+      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+      return W;
+    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+  }
+  function p(o, c) {
+    return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
+  }
+  if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var z = Object.create(v ?? null), x = function(o, c, f, h) {
+    var d, T, V = [], A = function(L) {
+      return Wt(L) === o;
+    }, I = /* @__PURE__ */ new Map();
+    function _(L) {
+      L && V.push(g.bind(null, L));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), j = (p &= 7) == 0, o = w + "/" + k;
-        if (!j && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var k = 0; k < c.length; k++) {
+      var E = c[k];
+      if (Array.isArray(E)) {
+        var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
+        if (!P && !y) {
+          var S = I.get(a);
+          if (S === !0 || S === 3 && R !== 4 || S === 4 && R !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + j);
+          I.set(a, !(R > 2) || R);
         }
-        $(k ? i : i.prototype, d, x, h ? "#" + w : Ct(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
+        i(O ? o : o.prototype, E, C, y ? "#" + j : Qe(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return y(a), y(W), L;
-  }(r, t, g, A);
-  return e.length || P(r, A), { e: G, get c() {
-    var i = [];
-    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
+    return _(d), _(T), V;
+  }(t, e, s, z);
+  return n.length || p(t, z), { e: x, get c() {
+    var o = [];
+    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
   } };
 }
-function Ct(r) {
-  var t = Nt(r, "string");
-  return typeof t == "symbol" ? t : t + "";
+function Qe(t) {
+  var e = St(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function Nt(r, t) {
-  if (typeof r != "object" || !r) return r;
-  var e = r[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+function St(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(t);
 }
-function mt(r, t, e) {
-  typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+function Ve(t, e, n) {
+  typeof e == "symbol" && (e = (e = e.description) ? "[" + e + "]" : "");
   try {
-    Object.defineProperty(r, "name", { configurable: !0, value: e ? e + " " + t : t });
+    Object.defineProperty(t, "name", { configurable: !0, value: n ? n + " " + e : e });
   } catch {
   }
-  return r;
+  return t;
 }
-function zt(r) {
-  if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
-  return r;
+function Wt(t) {
+  if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
+  return t;
 }
-function Ut(r) {
-  return r;
+function zt(t) {
+  return t;
 }
-const gt = F("WsxLink");
-St = [ot({
+const Ie = he("WsxLink");
+Je = [we({
   tagName: "wsx-link"
 })];
-let bt;
-new (vt = (it = class extends st {
+let Pe;
+new (Te = (ve = class extends Re {
   constructor() {
-    super(), M(this, "_autoStyles", Pt), M(this, "to", void 0), M(this, "replace", void 0), M(this, "activeClass", void 0), M(this, "exact", void 0), M(this, "handleClick", ($) => {
-      if ($.preventDefault(), !this.to) {
-        gt.warn("No 'to' attribute specified");
+    super(), B(this, "_autoStyles", Ct), B(this, "to", void 0), B(this, "replace", void 0), B(this, "activeClass", void 0), B(this, "exact", void 0), B(this, "handleClick", (i) => {
+      if (i.preventDefault(), !this.to) {
+        Ie.warn("No 'to' attribute specified");
         return;
       }
       if (this.isExternalLink(this.to)) {
         window.open(this.to, "_blank");
         return;
       }
-      this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), gt.debug(`Navigated to: ${this.to}`);
-    }), M(this, "updateActiveState", () => {
-      var A;
-      const $ = window.location.pathname, P = this.exact ? $ === this.to : $.startsWith(this.to) && this.to !== "/", U = (A = this.shadowRoot) == null ? void 0 : A.querySelector("a");
-      U && (P ? (U.classList.add(this.activeClass), this.setAttribute("active", "")) : (U.classList.remove(this.activeClass), this.removeAttribute("active")));
+      this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), Ie.debug(`Navigated to: ${this.to}`);
+    }), B(this, "updateActiveState", () => {
+      var z;
+      const i = window.location.pathname, p = this.exact ? i === this.to : i.startsWith(this.to) && this.to !== "/", v = (z = this.shadowRoot) == null ? void 0 : z.querySelector("a");
+      v && (p ? (v.classList.add(this.activeClass), this.setAttribute("active", "")) : (v.classList.remove(this.activeClass), this.removeAttribute("active")));
     });
-    const [t, e] = this.useState("to", "");
+    const [e, n] = this.useState("to", "");
     Object.defineProperty(this, "to", {
-      get: t,
-      set: e,
+      get: e,
+      set: n,
       enumerable: !0,
       configurable: !0
     });
-    const [n, g] = this.useState("replace", !1);
+    const [r, s] = this.useState("replace", !1);
     Object.defineProperty(this, "replace", {
-      get: n,
-      set: g,
+      get: r,
+      set: s,
       enumerable: !0,
       configurable: !0
     });
-    const [C, S] = this.useState("activeClass", "active");
+    const [l, m] = this.useState("activeClass", "active");
     Object.defineProperty(this, "activeClass", {
-      get: C,
-      set: S,
+      get: l,
+      set: m,
       enumerable: !0,
       configurable: !0
     });
-    const [T, b] = this.useState("exact", !1);
+    const [g, u] = this.useState("exact", !1);
     Object.defineProperty(this, "exact", {
-      get: T,
-      set: b,
+      get: g,
+      set: u,
       enumerable: !0,
       configurable: !0
     });
   }
   render() {
-    return /* @__PURE__ */ Z("a", { href: this.to, class: "wsx-link", onClick: this.handleClick, part: "link" }, /* @__PURE__ */ Z("slot", null));
+    return /* @__PURE__ */ ae("a", { href: this.to, class: "wsx-link", onClick: this.handleClick, part: "link" }, /* @__PURE__ */ ae("slot", null));
   }
   onConnected() {
     this.to = this.getAttribute("to") || "", this.replace = this.hasAttribute("replace"), this.activeClass = this.getAttribute("active-class") || "active", this.exact = this.hasAttribute("exact");
-    const t = this.shadowRoot.querySelector(".wsx-link");
-    t && (t.href = this.to), window.addEventListener("popstate", this.updateActiveState), document.addEventListener("route-changed", this.updateActiveState), this.updateActiveState();
+    const e = this.shadowRoot.querySelector(".wsx-link");
+    e && (e.href = this.to), window.addEventListener("popstate", this.updateActiveState), document.addEventListener("route-changed", this.updateActiveState), this.updateActiveState();
   }
   onDisconnected() {
     window.removeEventListener("popstate", this.updateActiveState), document.removeEventListener("route-changed", this.updateActiveState);
   }
-  onAttributeChanged(t, e, n) {
-    switch (t) {
+  onAttributeChanged(e, n, r) {
+    switch (e) {
       case "to":
-        this.to = n || "", this.updateActiveState();
+        this.to = r || "", this.updateActiveState();
         break;
       case "replace":
-        this.replace = n !== null && n !== "false";
+        this.replace = r !== null && r !== "false";
         break;
       case "active-class":
-        this.activeClass = n || "active", this.updateActiveState();
+        this.activeClass = r || "active", this.updateActiveState();
         break;
       case "exact":
-        this.exact = n !== null && n !== "false", this.updateActiveState();
+        this.exact = r !== null && r !== "false", this.updateActiveState();
         break;
     }
   }
-  isExternalLink(t) {
-    return t.startsWith("http://") || t.startsWith("https://") || t.startsWith("mailto:") || t.startsWith("tel:");
+  isExternalLink(e) {
+    return e.startsWith("http://") || e.startsWith("https://") || e.startsWith("mailto:") || e.startsWith("tel:");
   }
   /**
    * 编程式导航
@@ -596,179 +1388,14 @@ new (vt = (it = class extends st {
       cancelable: !0
     }));
   }
-}, [bt, pt] = Dt(it, [], St, 0, void 0, st).c, it), nt = class extends Ut {
+}, [Pe, Ae] = Ot(ve, [], Je, 0, void 0, Re).c, ve), pe = class extends zt {
   constructor() {
-    super(bt), M(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), pt();
-  }
-}, M(nt, vt, void 0), nt)();
-const Vt = F("RouterUtils");
-class Kt {
-  /**
-   * 编程式导航
-   */
-  static navigate(t, e = !1) {
-    e ? window.history.replaceState(null, "", t) : window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate")), Vt.debug(`Navigated to: ${t} (replace: ${e})`);
-  }
-  /**
-   * 获取当前路由信息
-   */
-  static getCurrentRoute() {
-    const t = new URL(window.location.href);
-    return {
-      path: t.pathname,
-      params: {},
-      // 需要路由匹配后才能确定
-      query: Object.fromEntries(t.searchParams.entries()),
-      hash: t.hash.slice(1)
-      // 移除 # 号
-    };
-  }
-  /**
-   * 解析路由路径，提取参数
-   */
-  static parseRoute(t, e) {
-    var n;
-    if (t === e)
-      return {
-        route: t,
-        params: {},
-        exact: !0
-      };
-    if (t === "*")
-      return {
-        route: t,
-        params: {},
-        exact: !1
-      };
-    if (t.includes(":")) {
-      const g = ((n = t.match(/:([^/]+)/g)) == null ? void 0 : n.map((b) => b.slice(1))) || [], C = t.replace(/:[^/]+/g, "([^/]+)"), S = new RegExp(`^${C}$`), T = e.match(S);
-      if (T && g.length > 0) {
-        const b = {};
-        return g.forEach(($, P) => {
-          b[$] = T[P + 1];
-        }), {
-          route: t,
-          params: b,
-          exact: !0
-        };
-      }
-    }
-    if (t.endsWith("/*")) {
-      const g = t.slice(0, -2);
-      if (e.startsWith(g))
-        return {
-          route: t,
-          params: {},
-          exact: !1
-        };
-    }
-    return null;
+    super(Pe), B(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), Ae();
   }
-  /**
-   * 构建路由路径，替换参数
-   */
-  static buildPath(t, e = {}) {
-    let n = t;
-    return Object.entries(e).forEach(([g, C]) => {
-      n = n.replace(`:${g}`, encodeURIComponent(C));
-    }), n;
-  }
-  /**
-   * 检查路由是否匹配当前路径
-   */
-  static isRouteActive(t, e = !1) {
-    const n = window.location.pathname;
-    return e ? n === t : t === "/" ? n === "/" : n.startsWith(t);
-  }
-  /**
-   * 获取路由层级
-   */
-  static getRouteDepth(t) {
-    return t.split("/").filter((e) => e.length > 0).length;
-  }
-  /**
-   * 获取父级路由
-   */
-  static getParentRoute(t) {
-    const e = t.split("/").filter((n) => n.length > 0);
-    return e.length <= 1 ? "/" : (e.pop(), "/" + e.join("/"));
-  }
-  /**
-   * 合并路由路径
-   */
-  static joinPaths(...t) {
-    return t.map((e) => e.replace(/^\/+|\/+$/g, "")).filter((e) => e.length > 0).join("/").replace(/^/, "/");
-  }
-  /**
-   * 检查是否为外部链接
-   */
-  static isExternalUrl(t) {
-    return /^https?:\/\//.test(t) || /^mailto:/.test(t) || /^tel:/.test(t);
-  }
-  /**
-   * 获取查询参数
-   */
-  static getQueryParam(t) {
-    return new URL(window.location.href).searchParams.get(t);
-  }
-  /**
-   * 设置查询参数
-   */
-  static setQueryParam(t, e, n = !1) {
-    const g = new URL(window.location.href);
-    g.searchParams.set(t, e);
-    const C = g.pathname + g.search + g.hash;
-    this.navigate(C, n);
-  }
-  /**
-   * 删除查询参数
-   */
-  static removeQueryParam(t, e = !1) {
-    const n = new URL(window.location.href);
-    n.searchParams.delete(t);
-    const g = n.pathname + n.search + n.hash;
-    this.navigate(g, e);
-  }
-  /**
-   * 返回上一页
-   */
-  static goBack() {
-    window.history.back();
-  }
-  /**
-   * 前进一页
-   */
-  static goForward() {
-    window.history.forward();
-  }
-  /**
-   * 替换当前页面
-   */
-  static replace(t) {
-    this.navigate(t, !0);
-  }
-  /**
-   * 获取历史记录长度
-   */
-  static getHistoryLength() {
-    return window.history.length;
-  }
-  /**
-   * 监听路由变化
-   */
-  static onRouteChange(t) {
-    const e = () => {
-      const n = this.getCurrentRoute();
-      t(n);
-    };
-    return window.addEventListener("popstate", e), document.addEventListener("route-changed", e), () => {
-      window.removeEventListener("popstate", e), document.removeEventListener("route-changed", e);
-    };
-  }
-}
+}, B(pe, Te, void 0), pe)();
 export {
-  Kt as RouterUtils,
-  bt as WsxLink,
-  At as WsxRouter,
-  dt as WsxView
+  le as RouterUtils,
+  Pe as WsxLink,
+  Rt as WsxRouter,
+  ze as WsxView
 };