my-header-yichong 3.7.5 → 3.7.6

package/my-header.js

@@ -1,4 +1,4 @@
-import { unref as w, getCurrentScope as Ra, onScopeDispose as La, ref as I, readonly as Fa, getCurrentInstance as De, onMounted as te, nextTick as Ge, watch as Z, defineComponent as B, openBlock as T, createElementBlock as R, createElementVNode as m, warn as Xl, isVNode as lo, inject as Y, computed as C, isRef as kt, shallowRef as Cr, onBeforeUnmount as Ze, onBeforeMount as Ql, provide as se, renderSlot as ee, mergeProps as Xt, normalizeClass as ae, normalizeStyle as An, withDirectives as qe, cloneVNode as ja, Fragment as re, Text as ec, Comment as tc, createVNode as ne, createBlock as X, withCtx as W, createCommentVNode as L, toRef as rt, Teleport as co, Transition as It, vShow as Qt, onDeactivated as nc, toDisplayString as Q, resolveDynamicComponent as Tr, toHandlers as oc, reactive as en, h as V, watchEffect as Me, resolveComponent as rc, createTextVNode as ce, createApp as sc, toRefs as rr, shallowReactive as ac, withModifiers as uo, render as vs, onUnmounted as je, vModelText as Do, pushScopeId as tn, popScopeId as nn, hasInjectionContext as ic, markRaw as vn, effectScope as lc, isReactive as Or, toRaw as cc, renderList as Ve } from "vue";
+import { unref as w, getCurrentScope as Ra, onScopeDispose as La, ref as I, readonly as Fa, getCurrentInstance as De, onMounted as te, nextTick as Ge, watch as Z, defineComponent as B, openBlock as T, createElementBlock as R, createElementVNode as m, warn as Xl, isVNode as lo, inject as Y, computed as C, isRef as kt, shallowRef as Cr, onBeforeUnmount as Ze, onBeforeMount as Ql, provide as se, renderSlot as ee, mergeProps as Xt, normalizeClass as ae, normalizeStyle as An, withDirectives as qe, cloneVNode as ja, Fragment as re, Text as ec, Comment as tc, createVNode as ne, createBlock as Q, withCtx as W, createCommentVNode as L, toRef as rt, Teleport as co, Transition as It, vShow as Qt, onDeactivated as nc, toDisplayString as X, resolveDynamicComponent as Tr, toHandlers as oc, reactive as en, h as V, watchEffect as Me, resolveComponent as rc, createTextVNode as ce, createApp as sc, toRefs as rr, shallowReactive as ac, withModifiers as uo, render as vs, onUnmounted as je, vModelText as Do, pushScopeId as tn, popScopeId as nn, hasInjectionContext as ic, markRaw as vn, effectScope as lc, isReactive as Or, toRaw as cc, renderList as Ve } from "vue";
 function Da(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -3816,7 +3816,7 @@ const tl = ue({
       l == null || l(), l = void 0;
     }), t({
       triggerRef: r
-    }), (u, d) => u.virtualTriggering ? L("v-if", !0) : (T(), X(w(zh), Xt({ key: 0 }, u.$attrs, {
+    }), (u, d) => u.virtualTriggering ? L("v-if", !0) : (T(), Q(w(zh), Xt({ key: 0 }, u.$attrs, {
       "aria-controls": w(s),
       "aria-describedby": w(a),
       "aria-expanded": w(c),
@@ -4445,7 +4445,7 @@ const ym = Lt(jh), ts = Symbol("elTooltip"), rl = ue({
     });
     return t({
       triggerRef: u
-    }), ($, O) => (T(), X(w(qh), {
+    }), ($, O) => (T(), Q(w(qh), {
       id: w(s),
       "virtual-ref": $.virtualRef,
       open: w(a),
@@ -4528,7 +4528,7 @@ const Pm = B({
       (j = (A = s.value) == null ? void 0 : A.updatePopper) == null || j.call(A);
     }), t({
       contentRef: s
-    }), (A, j) => (T(), X(co, {
+    }), (A, j) => (T(), Q(co, {
       disabled: !A.teleported,
       to: w(O)
     }, [
@@ -4540,7 +4540,7 @@ const Pm = B({
         onBeforeLeave: N
       }, {
         default: W(() => [
-          w(P) ? qe((T(), X(w(bm), Xt({
+          w(P) ? qe((T(), Q(w(bm), Xt({
             key: 0,
             id: w(c),
             ref_key: "contentRef",
@@ -4649,7 +4649,7 @@ const Mm = ["innerHTML"], Im = { key: 1 }, Nm = B({
       onOpen: g,
       onClose: p,
       hide: d
-    }), (b, S) => (T(), X(w(ym), {
+    }), (b, S) => (T(), Q(w(ym), {
       ref_key: "popperRef",
       ref: s,
       role: b.role
@@ -4702,9 +4702,9 @@ const Mm = ["innerHTML"], Im = { key: 1 }, Nm = B({
               b.rawContent ? (T(), R("span", {
                 key: 0,
                 innerHTML: b.content
-              }, null, 8, Mm)) : (T(), R("span", Im, Q(b.content), 1))
+              }, null, 8, Mm)) : (T(), R("span", Im, X(b.content), 1))
             ]),
-            b.showArrow ? (T(), X(w(Hh), {
+            b.showArrow ? (T(), Q(w(Hh), {
               key: 0,
               "arrow-offset": b.arrowOffset
             }, null, 8, ["arrow-offset"])) : L("v-if", !0)
@@ -4758,7 +4758,7 @@ const al = Lt(Lm), Fm = ue({
               w(o).is("fixed", !!s.$slots.default),
               w(o).is("dot", s.isDot)
             ]),
-            textContent: Q(w(r))
+            textContent: X(w(r))
           }, null, 10, jm), [
             [Qt, !s.hidden && (w(r) || s.isDot)]
           ])
@@ -5323,7 +5323,7 @@ const ll = Symbol("rowContextKey"), ng = [
       n.is(`justify-${t.justify}`, t.justify !== "start"),
       n.is(`align-${t.align}`, !!t.align)
     ]);
-    return (a, i) => (T(), X(Tr(a.tag), {
+    return (a, i) => (T(), Q(Tr(a.tag), {
       class: ae(w(s)),
       style: An(w(r))
     }, {
@@ -5396,7 +5396,7 @@ const lg = Lt(ig), cg = ue({
         });
       }), n.value && a.push(o.is("guttered")), [o.b(), a];
     });
-    return (a, i) => (T(), X(Tr(a.tag), {
+    return (a, i) => (T(), Q(Tr(a.tag), {
       class: ae(w(s)),
       style: An(w(r))
     }, {
@@ -5441,7 +5441,7 @@ const fg = Lt(pg), hg = B({
         n(r);
       }
     };
-    return (r, s) => (T(), X(It, Xt({
+    return (r, s) => (T(), Q(It, Xt({
       name: w(t).b()
     }, oc(o)), {
       default: W(() => [
@@ -5563,7 +5563,7 @@ const _g = B({
   }
 });
 function wg(e, t, n, o, r, s) {
-  return T(), X(It, Xt({ mode: "out-in" }, e.listeners), {
+  return T(), Q(It, Xt({ mode: "out-in" }, e.listeners), {
     default: W(() => [
       ee(e.$slots, "default")
     ]),
@@ -6068,7 +6068,7 @@ function $g(e, t, n, o, r, s) {
     tabindex: "-1",
     onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i))
   }, [
-    e.parentMenu.type.name === "ElMenu" && e.rootMenu.props.collapse && e.$slots.title ? (T(), X(a, {
+    e.parentMenu.type.name === "ElMenu" && e.rootMenu.props.collapse && e.$slots.title ? (T(), Q(a, {
       key: 0,
       effect: e.rootMenu.props.popperEffect,
       placement: "right",
@@ -6112,7 +6112,7 @@ function Rg(e, t, n, o, r, s) {
       class: ae(e.ns.e("title"))
     }, [
       e.$slots.title ? ee(e.$slots, "title", { key: 1 }) : (T(), R(re, { key: 0 }, [
-        ce(Q(e.title), 1)
+        ce(X(e.title), 1)
       ], 64))
     ], 2),
     m("ul", null, [
@@ -6439,7 +6439,7 @@ const vr = function(e = {}) {
       visible: l,
       bottom: b,
       close: O
-    }), (y, F) => (T(), X(It, {
+    }), (y, F) => (T(), Q(It, {
       name: w(r).b("fade"),
       onBeforeLeave: y.onClose,
       onAfterLeave: F[0] || (F[0] = (z) => y.$emit("destroy")),
@@ -6462,18 +6462,18 @@ const vr = function(e = {}) {
           onMouseenter: $,
           onMouseleave: P
         }, [
-          y.repeatNum > 1 ? (T(), X(w(zm), {
+          y.repeatNum > 1 ? (T(), Q(w(zm), {
             key: 0,
             value: y.repeatNum,
             type: w(f),
             class: ae(w(r).e("badge"))
           }, null, 8, ["value", "type", "class"])) : L("v-if", !0),
-          w(p) ? (T(), X(w(yo), {
+          w(p) ? (T(), Q(w(yo), {
             key: 1,
             class: ae([w(r).e("icon"), w(g)])
           }, {
             default: W(() => [
-              (T(), X(Tr(w(p))))
+              (T(), Q(Tr(w(p))))
             ]),
             _: 1
           }, 8, ["class"])) : L("v-if", !0),
@@ -6487,9 +6487,9 @@ const vr = function(e = {}) {
             ], 2112)) : (T(), R("p", {
               key: 0,
               class: ae(w(r).e("content"))
-            }, Q(y.message), 3))
+            }, X(y.message), 3))
           ]),
-          y.showClose ? (T(), X(w(yo), {
+          y.showClose ? (T(), Q(w(yo), {
             key: 2,
             class: ae(w(r).e("closeBtn")),
             onClick: uo(O, ["stop"])
@@ -8174,7 +8174,7 @@ function Ev(e, t, n, o, r, s) {
     m(
       "h1",
       null,
-      Q(r.isSignup ? "Sign Up With " + r.appName : "Welcome! Please Login"),
+      X(r.isSignup ? "Sign Up With " + r.appName : "Welcome! Please Login"),
       1
       /* TEXT */
     ),
@@ -8191,7 +8191,7 @@ function Ev(e, t, n, o, r, s) {
       onClick: t[1] || (t[1] = (...a) => s.handleToSignup && s.handleToSignup(...a))
     }, [
       ce(
-        "New to " + Q(r.appName) + "? ",
+        "New to " + X(r.appName) + "? ",
         1
         /* TEXT */
       ),
@@ -8238,7 +8238,7 @@ function Ev(e, t, n, o, r, s) {
           r.emailErrorHelp ? (T(), R(
             "p",
             dv,
-            Q(r.emailErrorHelp),
+            X(r.emailErrorHelp),
             1
             /* TEXT */
           )) : L("v-if", !0)
@@ -8279,7 +8279,7 @@ function Ev(e, t, n, o, r, s) {
           ]),
           r.passwordErrorHelp ? (T(), R("p", gv, [
             ce(
-              Q(r.passwordErrorHelp) + " ",
+              X(r.passwordErrorHelp) + " ",
               1
               /* TEXT */
             ),
@@ -8773,6 +8773,12 @@ let Vl = an();
 console.log("childPath3", Vl);
 const Dv = {
   props: ["user", "from"],
+  computed: {
+    displayCredit() {
+      var e;
+      return Number(((e = this.user) == null ? void 0 : e.free_cnt) || 0);
+    }
+  },
   data() {
     return {
       path: Vl,
@@ -8939,7 +8945,10 @@ const Dv = {
 const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v-center" }, qv = ["src"], Wv = {
   class: "user-name",
   style: { color: "#000" }
-}, Gv = { class: "user-email" }, Kv = { class: "flew-row-v-center" }, Jv = {
+}, Gv = { class: "user-email" }, Kv = {
+  key: 0,
+  class: "user-credit"
+}, Jv = { class: "flew-row-v-center" }, Zv = {
   key: 0,
   t: "1637834706702",
   class: "user-item-icon",
@@ -8949,7 +8958,7 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   "p-id": "10206",
   width: "32",
   height: "32"
-}, Zv = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+}, Yv = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "path",
   {
     d: "M319.786667 74.666667h384.490666A85.333333 85.333333 0 0 1 772.266667 108.458667l207.594666 273.834666a85.333333 85.333333 0 0 1-6.592 110.805334L573.866667 907.136a85.333333 85.333333 0 0 1-122.688 0.149333L50.88 494.144a85.333333 85.333333 0 0 1-6.805333-110.826667L251.733333 108.544A85.333333 85.333333 0 0 1 319.786667 74.666667z",
@@ -8961,7 +8970,7 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   null,
   -1
   /* HOISTED */
-)), Yv = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+)), Xv = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "path",
   {
     d: "M685.482667 350.72a32 32 0 0 1 47.445333 42.816l-2.197333 2.432-196.096 196.096a32 32 0 0 1-42.837334 2.197333l-2.432-2.197333-196.096-196.096a32 32 0 0 1 42.816-47.466667l2.432 2.197334L512 524.181333l173.482667-173.482666z",
@@ -8971,10 +8980,10 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   null,
   -1
   /* HOISTED */
-)), Xv = [
-  Zv,
-  Yv
-], Qv = {
+)), Qv = [
+  Yv,
+  Xv
+], e1 = {
   key: 1,
   t: "1637055277290",
   class: "user-item-icon",
@@ -8984,7 +8993,7 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   "p-id": "8080",
   width: "32",
   height: "32"
-}, e1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+}, t1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "path",
   {
     d: "M957.942003 407.418107c4.937452-6.197142 4.954849-15.143908-0.297782-21.406542L718.393185 100.883665c-1.357927-1.623987-2.981914-2.916423-4.738931-3.89368-2.765997-5.600555-8.532327-9.42772-15.193027-9.42772L326.247924 87.562265c-6.329149 0-11.978822 3.612271-14.877849 8.930393-2.15406 0.994654-4.142343 2.469238-5.733585 4.391007L66.386478 386.011564c-3.048429 3.628644-4.340865 8.16803-3.90903 12.541641-0.464581 4.391007 0.794086 8.964162 3.859911 12.625552L501.444085 929.709497c5.997598 7.175423 16.634866 8.037047 23.825638 2.02103 3.13234-2.650363 5.086855-6.145977 5.799076-9.841136 0.38067-0.379647 0.762363-0.777713 1.110287-1.209548L953.899944 418.089144C956.533934 414.956803 957.859116 411.17978 957.942003 407.418107zM520.830621 727.291344 754.099409 449.304076c8.963139-10.686387 25.00244-12.06171 35.754319-3.032056 10.852162 9.096169 12.211113 25.035186 3.230578 35.755342L542.071388 781.172509c-5.418406 6.445806-13.387915 9.509585-21.240767 8.930393-7.837502 0.579191-15.807011-2.484587-21.224394-8.930393L248.57489 482.027361c-8.979512-10.720156-7.605212-26.659173 3.247974-35.755342 10.769274-9.029654 26.774807-7.65433 35.754319 3.032056L520.830621 727.291344z",
@@ -8994,12 +9003,12 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   null,
   -1
   /* HOISTED */
-)), t1 = [
-  e1
-], n1 = {
+)), n1 = [
+  t1
+], o1 = {
   key: 2,
   class: "subscription-ends-info"
-}, o1 = { class: "ends-text" }, r1 = ["href"], s1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+}, r1 = { class: "ends-text" }, s1 = ["href"], a1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "button",
   { class: "upgrade_btn" },
   [
@@ -9007,20 +9016,20 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   ],
   -1
   /* HOISTED */
-)), a1 = [
-  s1
-], i1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+)), i1 = [
+  a1
+], l1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "span",
   null,
   "Cancel",
   -1
   /* HOISTED */
-)), l1 = [
-  i1
-], c1 = {
+)), c1 = [
+  l1
+], u1 = {
   key: 2,
   class: "cancelled-badge"
-}, u1 = ["href"], d1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+}, d1 = ["href"], p1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "div",
   { class: "user-item user-item-active flew-row-v-center" },
   [
@@ -9044,9 +9053,9 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   ],
   -1
   /* HOISTED */
-)), p1 = [
-  d1
-], f1 = ["href"], h1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
+)), f1 = [
+  p1
+], h1 = ["href"], m1 = /* @__PURE__ */ at(() => /* @__PURE__ */ m(
   "div",
   { class: "user-item user-item-active flew-row-v-center" },
   [
@@ -9075,17 +9084,17 @@ const Uv = { class: "user-center-content" }, Vv = { class: "user-info flew-row-v
   ],
   -1
   /* HOISTED */
-)), m1 = [
-  h1
+)), g1 = [
+  m1
 ];
-function g1(e, t, n, o, r, s) {
+function v1(e, t, n, o, r, s) {
   var a, i, c, l, u, d, f, g, p, h;
   return T(), R(
     re,
     null,
     [
       L(" Stripe 取消订阅确认弹窗 - 使用 Teleport 渲染到 body "),
-      (T(), X(co, { to: "body" }, [
+      (T(), Q(co, { to: "body" }, [
         r.showStripeConfirmDialog ? (T(), R("div", {
           key: 0,
           class: "cancel-dialog-overlay",
@@ -9112,7 +9121,7 @@ function g1(e, t, n, o, r, s) {
         ])) : L("v-if", !0)
       ])),
       L(" 非 Stripe 取消订阅弹窗 - 使用 Teleport 渲染到 body "),
-      (T(), X(co, { to: "body" }, [
+      (T(), Q(co, { to: "body" }, [
         L(" 非stripe 暂时关闭了 "),
         (r.showCancelDialog, L("v-if", !0))
       ])),
@@ -9128,7 +9137,7 @@ function g1(e, t, n, o, r, s) {
               m(
                 "span",
                 null,
-                Q(n.user.username),
+                X(n.user.username),
                 1
                 /* TEXT */
               )
@@ -9137,11 +9146,20 @@ function g1(e, t, n, o, r, s) {
               m(
                 "span",
                 null,
-                Q(n.user.email),
+                X(n.user.email),
                 1
                 /* TEXT */
               )
-            ])
+            ]),
+            s.displayCredit > 0 ? (T(), R("div", Kv, [
+              m(
+                "span",
+                null,
+                "Credits: " + X(s.displayCredit),
+                1
+                /* TEXT */
+              )
+            ])) : L("v-if", !0)
           ])
         ]),
         L(` <div v-if="!user.is_subscribed" class="user-item user-item-active flew-row-v-center space-between" @click="handlePay">
@@ -9151,24 +9169,25 @@ function g1(e, t, n, o, r, s) {
         </div>
         <div class="user-upgrade user-buy-credit"><span>Buy credit</span></div>
       </div>  `),
-        m("div", {
+        n.user.is_subscribed || s.displayCredit === 0 ? (T(), R("div", {
+          key: 0,
           class: "user-item flew-row-v-center space-between",
           onClick: t[9] || (t[9] = (...v) => s.handlePay && s.handlePay(...v))
         }, [
-          m("div", Kv, [
-            n.user.is_subscribed ? (T(), R("svg", Jv, Xv)) : (T(), R("svg", Qv, t1)),
+          m("div", Jv, [
+            n.user.is_subscribed ? (T(), R("svg", Zv, Qv)) : (T(), R("svg", e1, n1)),
             m(
               "span",
               null,
-              "My Plan: " + Q(n.user.is_subscribed ? "Premium Plan" : "free"),
+              "My Plan: " + X(n.user.is_subscribed ? "Premium Plan" : "free"),
               1
               /* TEXT */
             ),
-            (i = (a = n.user) == null ? void 0 : a.detail) != null && i.cancelled && ((l = (c = n.user) == null ? void 0 : c.detail) != null && l.ends_at) ? (T(), R("div", n1, [
+            (i = (a = n.user) == null ? void 0 : a.detail) != null && i.cancelled && ((l = (c = n.user) == null ? void 0 : c.detail) != null && l.ends_at) ? (T(), R("div", o1, [
               m(
                 "span",
-                o1,
-                "Ends on " + Q(s.formatDate(n.user.detail.ends_at)),
+                r1,
+                "Ends on " + X(s.formatDate(n.user.detail.ends_at)),
                 1
                 /* TEXT */
               )
@@ -9178,32 +9197,32 @@ function g1(e, t, n, o, r, s) {
             key: 0,
             href: r.path + "/pricing",
             target: "_self"
-          }, a1, 8, r1)),
+          }, i1, 8, s1)),
           n.user.is_subscribed && ((d = (u = n.user) == null ? void 0 : u.detail) != null && d.stripe_plan) && !((g = (f = n.user) == null ? void 0 : f.detail) != null && g.cancelled) && !r.cancelledLocally ? (T(), R("button", {
             key: 1,
             class: "cancel_btn text-md rounded-xl py-2",
             onClick: t[8] || (t[8] = (...v) => s.handleCancelSubscription && s.handleCancelSubscription(...v))
-          }, l1)) : L("v-if", !0),
-          n.user.is_subscribed && ((h = (p = n.user) == null ? void 0 : p.detail) != null && h.cancelled || r.cancelledLocally) ? (T(), R("span", c1, " Cancelled ")) : L("v-if", !0)
-        ]),
+          }, c1)) : L("v-if", !0),
+          n.user.is_subscribed && ((h = (p = n.user) == null ? void 0 : p.detail) != null && h.cancelled || r.cancelledLocally) ? (T(), R("span", u1, " Cancelled ")) : L("v-if", !0)
+        ])) : L("v-if", !0),
         m("a", {
           href: r.path + "/dashboard",
           target: "_blank"
-        }, p1, 8, u1),
+        }, f1, 8, d1),
         m("a", {
           rel: "nofollow",
           href: r.path + "/user/logout"
-        }, m1, 8, f1)
+        }, g1, 8, h1)
       ])
     ],
     64
     /* STABLE_FRAGMENT */
   );
 }
-const Na = /* @__PURE__ */ Ft(Dv, [["render", g1], ["__scopeId", "data-v-8580ad75"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/PersonalCenter.vue"]]);
-const v1 = {
+const Na = /* @__PURE__ */ Ft(Dv, [["render", v1], ["__scopeId", "data-v-8580ad75"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/PersonalCenter.vue"]]);
+const b1 = {
   props: ["content", "top"]
-}, b1 = (e) => (tn("data-v-7b6def48"), e = e(), nn(), e), y1 = /* @__PURE__ */ b1(() => /* @__PURE__ */ m(
+}, y1 = (e) => (tn("data-v-7b6def48"), e = e(), nn(), e), _1 = /* @__PURE__ */ y1(() => /* @__PURE__ */ m(
   "svg",
   {
     t: "1637907583780",
@@ -9224,7 +9243,7 @@ const v1 = {
   -1
   /* HOISTED */
 ));
-function _1(e, t, n, o, r, s) {
+function w1(e, t, n, o, r, s) {
   return T(), R(
     "div",
     {
@@ -9232,11 +9251,11 @@ function _1(e, t, n, o, r, s) {
       style: An({ top: n.top || "60PX" })
     },
     [
-      y1,
+      _1,
       m(
         "span",
         null,
-        "Congratulations! you have successfully " + Q(n.content) + ".",
+        "Congratulations! you have successfully " + X(n.content) + ".",
         1
         /* TEXT */
       )
@@ -9245,8 +9264,8 @@ function _1(e, t, n, o, r, s) {
     /* STYLE */
   );
 }
-const w1 = /* @__PURE__ */ Ft(v1, [["render", _1], ["__scopeId", "data-v-7b6def48"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/Toast.vue"]]);
-const x1 = { class: "background-cover" }, E1 = /* @__PURE__ */ m(
+const x1 = /* @__PURE__ */ Ft(b1, [["render", w1], ["__scopeId", "data-v-7b6def48"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/Toast.vue"]]);
+const E1 = { class: "background-cover" }, S1 = /* @__PURE__ */ m(
   "div",
   { class: "invite-success" },
   [
@@ -9273,7 +9292,7 @@ const x1 = { class: "background-cover" }, E1 = /* @__PURE__ */ m(
   ],
   -1
   /* HOISTED */
-), S1 = /* @__PURE__ */ m(
+), k1 = /* @__PURE__ */ m(
   "div",
   { class: "invite-title" },
   [
@@ -9281,29 +9300,29 @@ const x1 = { class: "background-cover" }, E1 = /* @__PURE__ */ m(
   ],
   -1
   /* HOISTED */
-), k1 = /* @__PURE__ */ m(
+), C1 = /* @__PURE__ */ m(
   "p",
   { class: "invite-desc" },
   "You have successfully subscribed to the business plan and now you have the right to add licenses for partners.",
   -1
   /* HOISTED */
-), C1 = /* @__PURE__ */ m(
+), T1 = /* @__PURE__ */ m(
   "span",
   null,
   "Invite Partners Now",
   -1
   /* HOISTED */
-), T1 = [
-  C1
-], O1 = /* @__PURE__ */ m(
+), O1 = [
+  T1
+], P1 = /* @__PURE__ */ m(
   "span",
   null,
   "Invite Later",
   -1
   /* HOISTED */
-), P1 = [
-  O1
-], A1 = {
+), A1 = [
+  P1
+], $1 = {
   __name: "TeamInvite",
   emits: ["cancel"],
   setup(e, { emit: t }) {
@@ -9312,26 +9331,26 @@ const x1 = { class: "background-cover" }, E1 = /* @__PURE__ */ m(
     }, r = () => {
       t("cancel");
     };
-    return (s, a) => (T(), R("div", x1, [
+    return (s, a) => (T(), R("div", E1, [
       m("div", { class: "invite-dialog" }, [
-        E1,
         S1,
         k1,
+        C1,
         m("div", null, [
           m("div", {
             class: "button button-up",
             onClick: o
-          }, T1),
+          }, O1),
           m("div", {
             class: "button button-down",
             onClick: r
-          }, P1)
+          }, A1)
         ])
       ])
     ]));
   }
-}, $1 = /* @__PURE__ */ Ft(A1, [["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/TeamInvite.vue"]]);
-function M1(e, t) {
+}, M1 = /* @__PURE__ */ Ft($1, [["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/TeamInvite.vue"]]);
+function I1(e, t) {
   return T(), R("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -9345,13 +9364,13 @@ function M1(e, t) {
     })
   ]);
 }
-const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
+const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), N1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
   "span",
   null,
   "Our other apps",
   -1
   /* HOISTED */
-)), N1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
+)), R1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
   "img",
   {
     src: "https://statics.imgkits.com/lsl_ali_icon4392779680.png ",
@@ -9360,7 +9379,7 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), R1 = ["href"], L1 = ["src"], F1 = { class: "flex flex-col pl-1" }, j1 = { class: "text-lg font-semibold" }, D1 = { class: "text-gray-500 font-semibold text-sm truncate w-52" }, B1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
+)), L1 = ["href"], F1 = ["src"], j1 = { class: "flex flex-col pl-1" }, D1 = { class: "text-lg font-semibold" }, B1 = { class: "text-gray-500 font-semibold text-sm truncate w-52" }, H1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
   "img",
   {
     style: { width: "20px", height: "20px", marginRight: "8px" },
@@ -9370,13 +9389,13 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), H1 = ["href"], z1 = ["src"], U1 = {
+)), z1 = ["href"], U1 = ["src"], V1 = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, V1 = {
+}, q1 = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, q1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
+}, W1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
   "svg",
   {
     class: "inline-block mr-2",
@@ -9543,13 +9562,13 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
   ],
   -1
   /* HOISTED */
-)), W1 = ["href"], G1 = ["src"], K1 = {
+)), G1 = ["href"], K1 = ["src"], J1 = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, J1 = {
+}, Z1 = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, Z1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
+}, Y1 = /* @__PURE__ */ Rn(() => /* @__PURE__ */ m(
   "img",
   {
     style: { width: "20px", height: "20px", marginRight: "8px" },
@@ -9559,13 +9578,13 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), Y1 = ["href"], X1 = ["src"], Q1 = {
+)), X1 = ["href"], Q1 = ["src"], eb = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, eb = {
+}, tb = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, tb = {
+}, nb = {
   __name: "MobileMoreApps",
   props: {
     hotApps: Array,
@@ -9580,7 +9599,7 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
       t.value = n.searchParams.get("from") || null;
     }), (n, o) => {
       const r = Fg, s = fg, a = lg;
-      return T(), X(a, { class: "tac" }, {
+      return T(), Q(a, { class: "tac" }, {
         default: W(() => [
           ne(s, { span: 12 }, {
             default: W(() => [
@@ -9592,19 +9611,19 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                     index: "1"
                   }, {
                     title: W(() => [
-                      I1
+                      N1
                     ]),
                     default: W(() => [
                       ne(r, { index: "1-1" }, {
                         title: W(() => [
-                          N1,
+                          R1,
                           ce(" Hot Tools ")
                         ]),
                         default: W(() => [
                           (T(!0), R(
                             re,
                             null,
-                            Ve(e.hotApps, (i, c) => (T(), X(w(Kn), {
+                            Ve(e.hotApps, (i, c) => (T(), Q(w(Kn), {
                               class: "hot_item",
                               index: "1-1-" + c
                             }, {
@@ -9618,24 +9637,24 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                                     style: { height: "64px", width: "64px", marginRight: "4px", borderRadius: "4px" },
                                     class: "h-16 w-16 mr-1 rounded",
                                     src: i.icon
-                                  }, null, 8, L1),
-                                  m("div", F1, [
+                                  }, null, 8, F1),
+                                  m("div", j1, [
                                     m(
                                       "h3",
-                                      j1,
-                                      Q(i.name),
+                                      D1,
+                                      X(i.name),
                                       1
                                       /* TEXT */
                                     ),
                                     m(
                                       "div",
-                                      D1,
-                                      Q(i.desc),
+                                      B1,
+                                      X(i.desc),
                                       1
                                       /* TEXT */
                                     )
                                   ])
-                                ], 8, R1)
+                                ], 8, L1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9649,14 +9668,14 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                       }),
                       ne(r, { index: "1-2" }, {
                         title: W(() => [
-                          B1,
+                          H1,
                           ce(" Google Workspace Tools ")
                         ]),
                         default: W(() => [
                           (T(!0), R(
                             re,
                             null,
-                            Ve(e.workspaceTools, (i, c) => (T(), X(w(Kn), {
+                            Ve(e.workspaceTools, (i, c) => (T(), Q(w(Kn), {
                               class: "flex items-center",
                               index: "1-2-" + c
                             }, {
@@ -9670,15 +9689,15 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, z1)) : L("v-if", !0),
+                                  }, null, 8, U1)) : L("v-if", !0),
                                   ce(
-                                    " " + Q(i.name) + " ",
+                                    " " + X(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", U1, "Hot")) : L("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", V1, "AI")) : L("v-if", !0)
-                                ], 8, H1)
+                                  i.type == 1 ? (T(), R("span", V1, "Hot")) : L("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", q1, "AI")) : L("v-if", !0)
+                                ], 8, z1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9692,14 +9711,14 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                       }),
                       ne(r, { index: "1-3" }, {
                         title: W(() => [
-                          q1,
+                          W1,
                           ce(" Chrome Extensions ")
                         ]),
                         default: W(() => [
                           (T(!0), R(
                             re,
                             null,
-                            Ve(e.chrome_addon_tools, (i, c) => (T(), X(w(Kn), {
+                            Ve(e.chrome_addon_tools, (i, c) => (T(), Q(w(Kn), {
                               class: "flex items-center",
                               index: "1-3-" + c
                             }, {
@@ -9713,15 +9732,15 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, G1)) : L("v-if", !0),
+                                  }, null, 8, K1)) : L("v-if", !0),
                                   ce(
-                                    " " + Q(i.name) + " ",
+                                    " " + X(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", K1, "Hot")) : L("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", J1, "AI")) : L("v-if", !0)
-                                ], 8, W1)
+                                  i.type == 1 ? (T(), R("span", J1, "Hot")) : L("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", Z1, "AI")) : L("v-if", !0)
+                                ], 8, G1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9735,14 +9754,14 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                       }),
                       ne(r, { index: "1-4" }, {
                         title: W(() => [
-                          Z1,
+                          Y1,
                           ce(" Edge Extensions ")
                         ]),
                         default: W(() => [
                           (T(!0), R(
                             re,
                             null,
-                            Ve(e.edge_addon_tools, (i, c) => (T(), X(w(Kn), {
+                            Ve(e.edge_addon_tools, (i, c) => (T(), Q(w(Kn), {
                               class: "flex items-center",
                               index: "1-4-" + c
                             }, {
@@ -9756,15 +9775,15 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, X1)) : L("v-if", !0),
+                                  }, null, 8, Q1)) : L("v-if", !0),
                                   ce(
-                                    " " + Q(i.name) + " ",
+                                    " " + X(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", Q1, "Hot")) : L("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", eb, "AI")) : L("v-if", !0)
-                                ], 8, Y1)
+                                  i.type == 1 ? (T(), R("span", eb, "Hot")) : L("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", tb, "AI")) : L("v-if", !0)
+                                ], 8, X1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9794,29 +9813,29 @@ const Rn = (e) => (tn("data-v-b9e2cd3f"), e = e(), nn(), e), I1 = /* @__PURE__ *
       });
     };
   }
-}, nb = /* @__PURE__ */ Ft(tb, [["__scopeId", "data-v-b9e2cd3f"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/MobileMoreApps.vue"]]);
-const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
+}, ob = /* @__PURE__ */ Ft(nb, [["__scopeId", "data-v-b9e2cd3f"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/MobileMoreApps.vue"]]);
+const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), rb = {
   class: "flex items-center justify-between py-6 lg:px-0 px-6",
   "aria-label": "Global"
-}, rb = { class: "flex lg:flex-1" }, sb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+}, sb = { class: "flex lg:flex-1" }, ab = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "span",
   { class: "hidden items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" },
   null,
   -1
   /* HOISTED */
-)), ab = ["href"], ib = ["src", "alt"], lb = { class: "pl-2 text-xl" }, cb = { class: "flex lg:hidden" }, ub = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), ib = ["href"], lb = ["src", "alt"], cb = { class: "pl-2 text-xl" }, ub = { class: "flex lg:hidden" }, db = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "span",
   { class: "sr-only" },
   "Open main menu",
   -1
   /* HOISTED */
-)), db = { class: "hidden lg:flex lg:gap-x-12" }, pb = { class: "navigation-item inline-flex items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" }, fb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), pb = { class: "hidden lg:flex lg:gap-x-12" }, fb = { class: "navigation-item inline-flex items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" }, hb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "span",
   null,
   "Our other apps",
   -1
   /* HOISTED */
-)), hb = { class: "hot w-1/4 border-r mr-10" }, mb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), mb = { class: "hot w-1/4 border-r mr-10" }, gb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9828,7 +9847,7 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
   ],
   -1
   /* HOISTED */
-)), gb = { class: "h-[300px] pt-5 w-[97%]" }, vb = ["href"], bb = ["src"], yb = { class: "flex flex-col pl-1" }, _b = { class: "text font-semibold" }, wb = { class: "text-gray-500 font-semibold text-sm" }, xb = { class: "flex w-1/4 border-r mr-10 flex-col" }, Eb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), vb = { class: "h-[300px] pt-5 w-[97%]" }, bb = ["href"], yb = ["src"], _b = { class: "flex flex-col pl-1" }, wb = { class: "text font-semibold" }, xb = { class: "text-gray-500 font-semibold text-sm" }, Eb = { class: "flex w-1/4 border-r mr-10 flex-col" }, Sb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9840,13 +9859,13 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
   ],
   -1
   /* HOISTED */
-)), Sb = { class: "h-[300px] w-[98%] text-sm font-semibold leading-6 text-gray-900 pt-2" }, kb = ["href"], Cb = ["src"], Tb = {
+)), kb = { class: "h-[300px] w-[98%] text-sm font-semibold leading-6 text-gray-900 pt-2" }, Cb = ["href"], Tb = ["src"], Ob = {
   key: 0,
   class: "h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, Ob = {
+}, Pb = {
   key: 1,
   class: "h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, Pb = { class: "flex w-1/4 border-r mr-10 flex-col" }, Ab = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+}, Ab = { class: "flex w-1/4 border-r mr-10 flex-col" }, $b = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -10016,13 +10035,13 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
   ],
   -1
   /* HOISTED */
-)), $b = { class: "h-[300px] text-sm w-[98%] font-semibold leading-6 pt-2 text-gray-900" }, Mb = ["href"], Ib = ["src"], Nb = {
+)), Mb = { class: "h-[300px] text-sm w-[98%] font-semibold leading-6 pt-2 text-gray-900" }, Ib = ["href"], Nb = ["src"], Rb = {
   key: 0,
   class: "h-4 font-normal flex items-center bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, Rb = {
+}, Lb = {
   key: 1,
   class: "h-4 font-normal flex items-center bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, Lb = { class: "flex w-1/4 mr-10 flex-col" }, Fb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+}, Fb = { class: "flex w-1/4 mr-10 flex-col" }, jb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -10034,46 +10053,46 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
   ],
   -1
   /* HOISTED */
-)), jb = { class: "text-sm font-semibold leading-6 text-gray-900 pt-2" }, Db = ["href"], Bb = ["src"], Hb = {
+)), Db = { class: "text-sm font-semibold leading-6 text-gray-900 pt-2" }, Bb = ["href"], Hb = ["src"], zb = {
   key: 0,
   class: "h-4 font-normal flex items-center bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, zb = {
+}, Ub = {
   key: 1,
   class: "h-4 font-normal flex items-center bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, Ub = ["onClick"], Vb = {
+}, Vb = ["onClick"], qb = {
   key: 0,
   class: "hidden lg:flex lg:flex-1 lg:justify-end"
-}, qb = { class: "mr-4" }, Wb = {
+}, Wb = { class: "mr-4" }, Gb = {
   key: 1,
   class: "hidden lg:flex lg:flex-1 lg:justify-end items-center"
-}, Gb = { class: "mr-4" }, Kb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+}, Kb = { class: "mr-4" }, Jb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "span",
   { "aria-hidden": "true" },
   null,
   -1
   /* HOISTED */
-)), Jb = { class: "hidden lg:flex lg:flex-1 lg:justify-end text-sm font-semibold leading-6 text-gray-900 items-center" }, Zb = { class: "mr-4" }, Yb = { class: "pr-4" }, Xb = ["src"], Qb = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), Zb = { class: "hidden lg:flex lg:flex-1 lg:justify-end text-sm font-semibold leading-6 text-gray-900 items-center" }, Yb = { class: "mr-4" }, Xb = { class: "pr-4" }, Qb = ["src"], ey = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "open-icon" },
   null,
   -1
   /* HOISTED */
-)), ey = { class: "user-center-dialog shadow-xl" }, ty = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), ty = { class: "user-center-dialog shadow-xl" }, ny = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "div",
   { class: "fixed inset-0 z-50" },
   null,
   -1
   /* HOISTED */
-)), ny = { class: "flex items-center justify-between" }, oy = ["href"], ry = { class: "sr-only" }, sy = ["src", "alt"], ay = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
+)), oy = { class: "flex items-center justify-between" }, ry = ["href"], sy = { class: "sr-only" }, ay = ["src", "alt"], iy = /* @__PURE__ */ ze(() => /* @__PURE__ */ m(
   "span",
   { class: "sr-only" },
   "Close menu",
   -1
   /* HOISTED */
-)), iy = { class: "mt-6 flow-root" }, ly = { class: "-my-6 divide-y divide-gray-500/10" }, cy = { class: "space-y-2 py-6" }, uy = ["onClick"], dy = { class: "py-4" }, py = {
+)), ly = { class: "mt-6 flow-root" }, cy = { class: "-my-6 divide-y divide-gray-500/10" }, uy = { class: "space-y-2 py-6" }, dy = ["onClick"], py = { class: "py-4" }, fy = {
   key: 0,
   class: "py-6"
-}, fy = {
+}, hy = {
   __name: "Header",
   props: {
     isShenHe: {
@@ -10462,10 +10481,10 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                   },
                   [
                     L(" nav "),
-                    m("nav", ob, [
+                    m("nav", rb, [
                       L(" 显示 当前项目产品logo和 名称  大小屏幕公用 "),
-                      m("div", rb, [
-                        sb,
+                      m("div", sb, [
+                        ab,
                         m("a", {
                           href: d.value,
                           class: "-m-1.5 p-1.5 flex items-center",
@@ -10475,24 +10494,24 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                             class: "h-8 w-auto",
                             src: r.value.logo,
                             alt: r.value.name
-                          }, null, 8, ib),
+                          }, null, 8, lb),
                           m(
                             "span",
-                            lb,
-                            Q(r.value.name),
+                            cb,
+                            X(r.value.name),
                             1
                             /* TEXT */
                           )
-                        ], 8, ab)
+                        ], 8, ib)
                       ]),
                       L(" 小屏幕 menu菜单栏 "),
-                      m("div", cb, [
+                      m("div", ub, [
                         m("button", {
                           type: "button",
                           class: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",
                           onClick: _[0] || (_[0] = (x) => b.value = !0)
                         }, [
-                          ub,
+                          db,
                           ne(w(K0), {
                             class: "h-6 w-6",
                             "aria-hidden": "true"
@@ -10500,9 +10519,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                         ])
                       ]),
                       L(" lg>屏幕 显示 workspace 产品推荐的组件 "),
-                      m("div", db, [
+                      m("div", pb, [
                         L(" 弹出菜单栏组件 "),
-                        e.isShenHe ? L("v-if", !0) : (T(), X(w(Bl), {
+                        e.isShenHe ? L("v-if", !0) : (T(), Q(w(Bl), {
                           key: 0,
                           class: "relative bug_buuton_wrap",
                           id: "other_apps_popover"
@@ -10510,9 +10529,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                           default: W(() => [
                             ne(w(W0), { class: "bg-transparent border-0 outline-none" }, {
                               default: W(() => [
-                                m("div", pb, [
-                                  fb,
-                                  ne(w(M1), {
+                                m("div", fb, [
+                                  hb,
+                                  ne(w(I1), {
                                     class: "h-5 w-5",
                                     "aria-hidden": "true"
                                   })
@@ -10539,10 +10558,10 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                         class: ae(["flex w-screen mx-auto px-10", [e.PopoverPanelClass]])
                                       },
                                       [
-                                        m("div", hb, [
-                                          mb,
+                                        m("div", mb, [
+                                          gb,
                                           L(" face_swap_ai.png "),
-                                          m("div", gb, [
+                                          m("div", vb, [
                                             (T(!0), R(
                                               re,
                                               null,
@@ -10555,33 +10574,33 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                                 m("img", {
                                                   class: "h-16 w-16 mr-1 rounded",
                                                   src: x.icon
-                                                }, null, 8, bb),
-                                                m("div", yb, [
+                                                }, null, 8, yb),
+                                                m("div", _b, [
                                                   m(
                                                     "h3",
-                                                    _b,
-                                                    Q(x.name),
+                                                    wb,
+                                                    X(x.name),
                                                     1
                                                     /* TEXT */
                                                   ),
                                                   m(
                                                     "div",
-                                                    wb,
-                                                    Q(x.desc),
+                                                    xb,
+                                                    X(x.desc),
                                                     1
                                                     /* TEXT */
                                                   )
                                                 ])
-                                              ], 8, vb))),
+                                              ], 8, bb))),
                                               128
                                               /* KEYED_FRAGMENT */
                                             ))
                                           ])
                                         ]),
                                         L(" workspace   "),
-                                        m("div", xb, [
-                                          Eb,
-                                          m("div", Sb, [
+                                        m("div", Eb, [
+                                          Sb,
+                                          m("div", kb, [
                                             (T(!0), R(
                                               re,
                                               null,
@@ -10598,15 +10617,15 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, Cb)) : L("v-if", !0),
+                                                  }, null, 8, Tb)) : L("v-if", !0),
                                                   ce(
-                                                    " " + Q(x.name),
+                                                    " " + X(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, kb),
-                                                x.type == 1 ? (T(), R("span", Tb, "Hot")) : L("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", Ob, "AI")) : L("v-if", !0)
+                                                ], 8, Cb),
+                                                x.type == 1 ? (T(), R("span", Ob, "Hot")) : L("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", Pb, "AI")) : L("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
@@ -10614,9 +10633,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                           ])
                                         ]),
                                         L(" chrome_addon "),
-                                        m("div", Pb, [
-                                          Ab,
-                                          m("div", $b, [
+                                        m("div", Ab, [
+                                          $b,
+                                          m("div", Mb, [
                                             (T(!0), R(
                                               re,
                                               null,
@@ -10633,15 +10652,15 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, Ib)) : L("v-if", !0),
+                                                  }, null, 8, Nb)) : L("v-if", !0),
                                                   ce(
-                                                    " " + Q(x.name),
+                                                    " " + X(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, Mb),
-                                                x.type == 1 ? (T(), R("span", Nb, "Hot")) : L("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", Rb, "AI")) : L("v-if", !0)
+                                                ], 8, Ib),
+                                                x.type == 1 ? (T(), R("span", Rb, "Hot")) : L("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", Lb, "AI")) : L("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
@@ -10649,9 +10668,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                           ])
                                         ]),
                                         L(" edge_addon "),
-                                        m("div", Lb, [
-                                          Fb,
-                                          m("div", jb, [
+                                        m("div", Fb, [
+                                          jb,
+                                          m("div", Db, [
                                             (T(!0), R(
                                               re,
                                               null,
@@ -10668,15 +10687,15 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, Bb)) : L("v-if", !0),
+                                                  }, null, 8, Hb)) : L("v-if", !0),
                                                   ce(
-                                                    " " + Q(x.name),
+                                                    " " + X(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, Db),
-                                                x.type == 1 ? (T(), R("span", Hb, "Hot")) : L("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", zb, "AI")) : L("v-if", !0)
+                                                ], 8, Bb),
+                                                x.type == 1 ? (T(), R("span", zb, "Hot")) : L("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", Ub, "AI")) : L("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
@@ -10709,15 +10728,15 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                             key: x.name,
                             onClick: uo((N) => p(x.href, x.target), ["prevent"]),
                             class: "navigation-item inline-flex items-center text-sm h-7 leading-7 font-semibold text-gray-900"
-                          }, Q(x.name), 9, Ub))),
+                          }, X(x.name), 9, Vb))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
                       ]),
                       L(" lg>屏幕 显示 非审核 显示login 已经登录显示用户信息 "),
-                      e.isShenHe ? (T(), R("div", Vb, [
+                      e.isShenHe ? (T(), R("div", qb, [
                         L(" 语言选择slot "),
-                        m("div", qb, [
+                        m("div", Wb, [
                           ee(k.$slots, "language-selector", {}, void 0, !0)
                         ])
                       ])) : h.value ? (T(), R(
@@ -10725,9 +10744,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                         { key: 2 },
                         [
                           L(" 用户信息 "),
-                          m("div", Jb, [
+                          m("div", Zb, [
                             L(" 语言选择slot "),
-                            m("div", Zb, [
+                            m("div", Yb, [
                               ee(k.$slots, "language-selector", {}, void 0, !0)
                             ]),
                             m(
@@ -10738,11 +10757,11 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                 onMouseleave: O
                               },
                               [
-                                m("div", Yb, [
+                                m("div", Xb, [
                                   m(
                                     "span",
                                     null,
-                                    Q(h.value.username),
+                                    X(h.value.username),
                                     1
                                     /* TEXT */
                                   )
@@ -10751,15 +10770,15 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                   class: "user-avatar h-10 rounded-full",
                                   src: h.value.avatar || "https://statics.imgkits.com/images/default_user_avatar_black.png",
                                   alt: "user avatar"
-                                }, null, 8, Xb),
-                                Qb,
+                                }, null, 8, Qb),
+                                ey,
                                 qe(m(
                                   "div",
                                   null,
                                   [
-                                    m("div", ey, [
+                                    m("div", ty, [
                                       L(" 用户信息 移入菜单栏 "),
-                                      h.value ? (T(), X(Na, {
+                                      h.value ? (T(), Q(Na, {
                                         key: 0,
                                         user: h.value
                                       }, null, 8, ["user"])) : L("v-if", !0)
@@ -10778,9 +10797,9 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                         ],
                         2112
                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                      )) : (T(), R("div", Wb, [
+                      )) : (T(), R("div", Gb, [
                         L(" 语言选择slot "),
-                        m("div", Gb, [
+                        m("div", Kb, [
                           ee(k.$slots, "language-selector", {}, void 0, !0)
                         ]),
                         m("a", {
@@ -10789,7 +10808,7 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                           class: "text-sm leading-6 rounded-3xl bg-indigo-600 px-8 py-1.5 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
                         }, [
                           ce("Log in"),
-                          Kb
+                          Jb
                         ])
                       ]))
                     ]),
@@ -10801,18 +10820,18 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                       open: b.value
                     }, {
                       default: W(() => [
-                        ty,
+                        ny,
                         ne(w(U0), { class: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" }, {
                           default: W(() => [
-                            m("div", ny, [
+                            m("div", oy, [
                               m("a", {
                                 href: d.value,
                                 class: "-m-1.5 p-1.5"
                               }, [
                                 m(
                                   "span",
-                                  ry,
-                                  Q(r.value.name),
+                                  sy,
+                                  X(r.value.name),
                                   1
                                   /* TEXT */
                                 ),
@@ -10820,24 +10839,24 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                   class: "h-8 w-auto",
                                   src: r.value.logo,
                                   alt: r.value.name
-                                }, null, 8, sy)
-                              ], 8, oy),
+                                }, null, 8, ay)
+                              ], 8, ry),
                               m("button", {
                                 type: "button",
                                 class: "-m-2.5 rounded-md p-2.5 text-gray-700",
                                 onClick: _[1] || (_[1] = (x) => b.value = !1)
                               }, [
-                                ay,
+                                iy,
                                 ne(w(J0), {
                                   class: "h-6 w-6",
                                   "aria-hidden": "true"
                                 })
                               ])
                             ]),
-                            m("div", iy, [
-                              m("div", ly, [
-                                m("div", cy, [
-                                  ne(nb, {
+                            m("div", ly, [
+                              m("div", cy, [
+                                m("div", uy, [
+                                  ne(ob, {
                                     hotApps: a.value,
                                     workspaceTools: i.value,
                                     chrome_addon_tools: c.value,
@@ -10850,13 +10869,13 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                       key: x.name,
                                       onClick: uo((N) => p(x.href, x.target), ["prevent"]),
                                       class: "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
-                                    }, Q(x.name), 9, uy))),
+                                    }, X(x.name), 9, dy))),
                                     128
                                     /* KEYED_FRAGMENT */
                                   ))
                                 ]),
                                 L(" 移动端语言选择slot "),
-                                m("div", dy, [
+                                m("div", py, [
                                   ee(k.$slots, "language-selector-mobile", {}, void 0, !0)
                                 ]),
                                 h.value ? (T(), R("div", {
@@ -10864,11 +10883,11 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
                                   class: "relative sm-user-center-dialog block ml-10 py-6 right flew-center",
                                   onClick: M
                                 }, [
-                                  h.value ? (T(), X(Na, {
+                                  h.value ? (T(), Q(Na, {
                                     key: 0,
                                     user: h.value
                                   }, null, 8, ["user"])) : L("v-if", !0)
-                                ])) : (T(), R("div", py, [
+                                ])) : (T(), R("div", fy, [
                                   m("a", {
                                     href: "#",
                                     onClick: v,
@@ -10898,16 +10917,16 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
           /* CLASS */
         ),
         L(" 引入登录 "),
-        e.userStore.isShowLogin ? (T(), X($v, {
+        e.userStore.isShowLogin ? (T(), Q($v, {
           key: 0,
           onSuccess: S,
           onClose: P
         })) : L("v-if", !0),
-        e.userStore.isShowToast ? (T(), X(w1, {
+        e.userStore.isShowToast ? (T(), Q(x1, {
           key: 1,
           content: e.userStore.toastContent
         }, null, 8, ["content"])) : L("v-if", !0),
-        e.userStore.isShowInvite ? (T(), X($1, {
+        e.userStore.isShowInvite ? (T(), Q(M1, {
           key: 2,
           onCancel: z
         })) : L("v-if", !0)
@@ -10916,12 +10935,12 @@ const ze = (e) => (tn("data-v-c970699f"), e = e(), nn(), e), ob = {
       /* STABLE_FRAGMENT */
     ));
   }
-}, hy = /* @__PURE__ */ Ft(fy, [["__scopeId", "data-v-c970699f"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/Header.vue"]]), yy = {
+}, my = /* @__PURE__ */ Ft(hy, [["__scopeId", "data-v-c970699f"], ["__file", "/Users/sen/Desktop/CompanyCode/workspace/z_liusenlin_project/Translation_Video/src/components/Header.vue"]]), _y = {
   install(e) {
-    e.component("my-header", hy);
+    e.component("my-header", my);
   }
 };
 export {
-  hy as Header,
-  yy as default
+  my as Header,
+  _y as default
 };