@das-fed/web 7.0.7-dev.2 → 7.0.7-dev.3

package/index.js

@@ -1,4 +1,4 @@
-import { J as e, A as t, C as n, B as i, D as r, e as u, m as o, w as m, o as p, f as g, k as D, v as l, y as L, z as b, h as c, i as h, G as A, H as T, q as y, E as R, F as W, K as I, I as M, s as F, j as V, n as f, r as k, x as v, t as w } from "./index-czdwDc07.js";
+import { J as e, A as t, C as n, B as i, D as r, e as u, m as o, w as m, o as p, f as g, k as D, v as l, y as L, z as b, h as c, i as h, G as A, H as T, q as y, E as R, F as W, K as I, I as M, s as F, j as V, n as f, r as k, x as v, t as w } from "./index-DhNUE9iu.js";
 export {
   e as DasMainAppLayout,
   t as DasWebLayout,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@das-fed/web",
-  "version": "7.0.7-dev.2",
+  "version": "7.0.7-dev.3",
   "type": "module",
   "main": "./index.js",
   "dependencies": {
-    "@das-fed/ui": "7.0.7-dev.2",
-    "@das-fed/utils": "7.0.7-dev.2",
-    "@das-fed/web": "7.0.7-dev.2",
-    "@das-fed/web-components": "7.0.7-dev.2",
+    "@das-fed/ui": "7.0.7-dev.3",
+    "@das-fed/utils": "7.0.7-dev.3",
+    "@das-fed/web": "7.0.7-dev.3",
+    "@das-fed/web-components": "7.0.7-dev.3",
     "@microsoft/signalr": "^8.0.7",
     "@vueuse/core": "^9.13.0",
     "animate.css": "^4.1.1",
@@ -19,7 +19,7 @@
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
-    "@das-fed/cli": "7.0.7-dev.2",
+    "@das-fed/cli": "7.0.7-dev.3",
     "@types/crypto-js": "^4.2.2",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.12",

package/packages/layout/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/web/packages/layout/style.css';
-import { reactive as z, ref as U, defineComponent as Q, computed as c, watch as te, createElementBlock as C, openBlock as g, Fragment as Y, createBlock as V, createCommentVNode as L, TransitionGroup as ge, normalizeProps as ne, mergeProps as ae, withCtx as W, renderList as oe, withDirectives as x, resolveDynamicComponent as O, vShow as D, unref as b, nextTick as ie, resolveComponent as pe, createElementVNode as H, normalizeStyle as ye, normalizeClass as we, renderSlot as N, createVNode as Z, Transition as le, guardReactiveProps as ce, KeepAlive as ue, h as ee, onBeforeMount as be, onMounted as Le, onUnmounted as Ie } from "vue";
-import { useRouter as Ce, useRoute as fe } from "vue-router";
-import { setHtmlMinWH as _e } from "@das-fed/utils/common-tools/setHtmlMinWH";
+import { reactive as z, ref as U, defineComponent as Q, computed as c, watch as te, createElementBlock as C, openBlock as g, Fragment as Y, createBlock as V, createCommentVNode as L, TransitionGroup as ge, normalizeProps as ne, mergeProps as ae, withCtx as W, renderList as oe, withDirectives as D, resolveDynamicComponent as O, vShow as M, unref as b, nextTick as ie, resolveComponent as pe, createElementVNode as H, normalizeStyle as ye, normalizeClass as we, renderSlot as N, createVNode as Z, Transition as le, guardReactiveProps as ce, KeepAlive as ue, h as ee, onBeforeMount as be, onMounted as Le, onUnmounted as _e } from "vue";
+import { useRouter as Ie, useRoute as fe } from "vue-router";
+import { setHtmlMinWH as Ce } from "@das-fed/utils/common-tools/setHtmlMinWH";
 import { createCeNav as ke, createCeTabs as Te, createCeMenu as Ae } from "@das-fed/web-components/das-web-app";
 import { flatTree as Ee } from "@das-fed/utils/common-tools/nest-tree-format";
 const h = z({
@@ -145,32 +145,32 @@ const h = z({
       remove: l
     };
   }
-}, _ = z({
+}, k = z({
   theme: "default",
   items: [],
   eventListeners: {}
 }), me = {
   setItems: (e) => {
-    _.items = e;
+    k.items = e;
   },
-  getItems: () => _.items,
+  getItems: () => k.items,
   setTheme: (e) => {
-    _.theme = e;
+    k.theme = e;
   },
   removeItem: (e) => {
-    const t = _.items.filter((n) => n.value !== e);
-    _.items = t;
+    const t = k.items.filter((n) => n.value !== e);
+    k.items = t;
   },
   appendItem: (e) => {
-    const t = _.items.findIndex((n) => n.value == e.value);
-    t !== -1 ? _.items.splice(t, 1, e) : _.items.push(e);
+    const t = k.items.findIndex((n) => n.value == e.value);
+    t !== -1 ? k.items.splice(t, 1, e) : k.items.push(e);
   },
   setActiveItem: (e) => {
-    _.activeItem = e;
+    k.activeItem = e;
   },
   triggerEventListener: (e, t, n) => {
     var f;
-    const l = _.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
+    const l = k.eventListeners, { autoRemove: d = !1 } = n || {}, r = [];
     for (const y in l) {
       const i = l[y];
       i.type === e && r.push(
@@ -183,9 +183,9 @@ const h = z({
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), l = () => {
-      _.eventListeners[n] && delete _.eventListeners[n];
+      k.eventListeners[n] && delete k.eventListeners[n];
     };
-    return _.eventListeners[n] = {
+    return k.eventListeners[n] = {
       type: e,
       handler: async (d) => {
         try {
@@ -243,7 +243,7 @@ const h = z({
 }, F = {
   nav: h,
   menu: R,
-  tab: _,
+  tab: k,
   overlay: se,
   iframeView: K,
   visible: U(!0)
@@ -257,7 +257,7 @@ const h = z({
   setTheme: (e) => {
     ve.setTheme(e), de.setTheme(e), me.setTheme(e);
   }
-}, Pe = ["name"], Se = ["name"], xe = /* @__PURE__ */ Q({
+}, Pe = ["name"], Se = ["name"], De = /* @__PURE__ */ Q({
   __name: "das-iframe-router-view",
   props: {
     needTransition: { type: Boolean },
@@ -272,7 +272,7 @@ const h = z({
         ...t.transitionConfig || {}
       };
       return a;
-    }), l = Ce(), d = fe(), r = U([]), f = c(() => r.value.filter((s) => {
+    }), l = Ie(), d = fe(), r = U([]), f = c(() => r.value.filter((s) => {
       var a;
       return (a = s.meta) == null ? void 0 : a.isOpen;
     })), y = (s) => {
@@ -306,8 +306,8 @@ const h = z({
             meta: { ...o.meta, key: `${o.path}-0`, componentInstance: m, isOpen: !1, isShow: !1 }
           });
         }
-      k();
-    }, k = async () => {
+      T();
+    }, T = async () => {
       var o, m;
       if (!r.value || !r.value.length) return;
       const s = r.value.find((I) => I.meta.isShow);
@@ -320,7 +320,7 @@ const h = z({
       () => l.currentRoute.value,
       () => {
         const s = l.options.routes.length;
-        s !== S ? (P(), S = s) : k();
+        s !== S ? (P(), S = s) : T();
       },
       { immediate: !0 }
     ), v.iframeView.addEventListener("onRefreshCurrentPage", () => {
@@ -336,7 +336,7 @@ const h = z({
       Y,
       null,
       [
-        e.needTransition ? (g(), V(
+        s.needTransition ? (g(), V(
           ge,
           ne(ae({ key: 0 }, n.value)),
           {
@@ -344,7 +344,7 @@ const h = z({
               (g(!0), C(
                 Y,
                 null,
-                oe(f.value, ({ path: o, meta: m }) => x((g(), C("div", {
+                oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
                   class: "das-iframe-router-view",
                   key: m.key,
                   name: o
@@ -353,7 +353,7 @@ const h = z({
                     key: m.key
                   }))
                 ], 8, Pe)), [
-                  [D, m.componentInstance && o === b(d).path]
+                  [M, m.componentInstance && o === b(d).path]
                 ])),
                 128
                 /* KEYED_FRAGMENT */
@@ -365,10 +365,10 @@ const h = z({
           16
           /* FULL_PROPS */
         )) : L("v-if", !0),
-        e.needTransition ? L("v-if", !0) : (g(!0), C(
+        s.needTransition ? L("v-if", !0) : (g(!0), C(
           Y,
           { key: 1 },
-          oe(f.value, ({ path: o, meta: m }) => x((g(), C("div", {
+          oe(f.value, ({ path: o, meta: m }) => D((g(), C("div", {
             class: "das-iframe-router-view",
             key: m.key,
             name: o
@@ -377,7 +377,7 @@ const h = z({
               key: m.key
             }))
           ], 8, Se)), [
-            [D, m.componentInstance && o === b(d).path]
+            [M, m.componentInstance && o === b(d).path]
           ])),
           128
           /* KEYED_FRAGMENT */
@@ -392,7 +392,7 @@ const h = z({
   for (const [l, d] of t)
     n[l] = d;
   return n;
-}, De = /* @__PURE__ */ he(xe, [["__scopeId", "data-v-6dd310c9"]]), Me = { class: "das-web-app-container" }, je = {
+}, Me = /* @__PURE__ */ he(De, [["__scopeId", "data-v-6dd310c9"]]), je = { class: "das-web-app-container" }, xe = {
   key: 0,
   class: "das-web-app-header"
 }, $e = { class: "das-web-app-main" }, He = {
@@ -426,23 +426,23 @@ const h = z({
   setup(e) {
     const t = e;
     ke(), Te(), Ae();
-    const n = fe(), l = U(!1), d = U(!1), r = U(!1), f = c(() => l.value && t.showLayout), y = c(() => d.value && t.showLayout && t.showAside), i = c(() => l.value && t.showLayout && t.showTabs), P = c(() => t.routerViewVisible ?? !0), k = c(() => F.overlay.visible ?? !1), S = c(() => ({
-      "das-web-app-overlay-show": k.value === !0,
-      "das-web-app-overlay-hide": k.value === !1,
-      "das-web-app-overlay-destroy": k.value === "destroy"
+    const n = fe(), l = U(!1), d = U(!1), r = U(!1), f = c(() => l.value && t.showLayout), y = c(() => d.value && t.showLayout && t.showAside), i = c(() => l.value && t.showLayout && t.showTabs), P = c(() => t.routerViewVisible ?? !0), T = c(() => F.overlay.visible ?? !1), S = c(() => ({
+      "das-web-app-overlay-show": T.value === !0,
+      "das-web-app-overlay-hide": T.value === !1,
+      "das-web-app-overlay-destroy": T.value === "destroy"
     })), s = c(() => F.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = c(() => t.excludeRoutes), o = c(() => t.routeKeepAliveVisible);
     te(
       () => [n.meta, n.query],
-      ([T, M]) => {
-        const { showLayout: A = !0, showAside: j = !0, showTabs: u = !0, layout: p = {} } = T, {
+      ([_, j]) => {
+        const { showLayout: A = !0, showAside: x = !0, showTabs: u = !0, layout: p = {} } = _, {
           showLayout: w = !0,
           showAside: $ = !0,
           showTabs: E = !0,
           app: G
-        } = M;
-        _e(p);
+        } = j;
+        Ce(p);
         let re = !0, J = !0, X = !0;
-        (A === !1 || w === !1 || w === "false") && (re = !1, J = !1, X = !1), (j === !1 || $ === !1 || $ === "false") && (J = !1), (u === !1 || E === !1 || E === "false") && (X = !1), l.value = re, d.value = J, r.value = X;
+        (A === !1 || w === !1 || w === "false") && (re = !1, J = !1, X = !1), (x === !1 || $ === !1 || $ === "false") && (J = !1), (u === !1 || E === !1 || E === "false") && (X = !1), l.value = re, d.value = J, r.value = X;
       }
     );
     const m = c(() => ({
@@ -451,19 +451,19 @@ const h = z({
       ...t.transitionConfig || {}
     }));
     let I = /* @__PURE__ */ new Map();
-    const q = (T, M) => {
+    const q = (_, j) => {
       let A;
-      return I.has(M) ? A = I.get(M) : (A = {
-        name: M,
+      return I.has(j) ? A = I.get(j) : (A = {
+        name: j,
         render() {
-          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(T)]);
+          return ee("div", { style: { width: "100%", height: "100%" } }, [ee(_)]);
         }
-      }, I.set(M, A)), ee(A);
+      }, I.set(j, A)), ee(A);
     }, B = c(() => F.visible.value);
-    return (T, M) => {
+    return (_, j) => {
       const A = pe("router-view");
-      return g(), C("div", Me, [
-        x(H(
+      return g(), C("div", je, [
+        D(H(
           "div",
           {
             class: we(["das-web-app-overlay", S.value]),
@@ -473,64 +473,64 @@ const h = z({
           6
           /* CLASS, STYLE */
         ), [
-          [D, B.value]
+          [M, B.value]
         ]),
-        f.value ? x((g(), C(
+        f.value ? D((g(), C(
           "div",
-          je,
+          xe,
           [
-            N(T.$slots, "header", {}, void 0, !0)
+            N(_.$slots, "header", {}, void 0, !0)
           ],
           512
           /* NEED_PATCH */
         )), [
-          [D, B.value]
+          [M, B.value]
         ]) : L("v-if", !0),
         H("div", $e, [
-          y.value ? x((g(), C(
+          y.value ? D((g(), C(
             "div",
             He,
             [
-              N(T.$slots, "aside", {}, void 0, !0)
+              N(_.$slots, "aside", {}, void 0, !0)
             ],
             512
             /* NEED_PATCH */
           )), [
-            [D, B.value]
+            [M, B.value]
           ]) : L("v-if", !0),
           H("div", Be, [
-            i.value ? x((g(), C(
+            i.value ? D((g(), C(
               "div",
               Fe,
               [
-                N(T.$slots, "tab", {}, void 0, !0)
+                N(_.$slots, "tab", {}, void 0, !0)
               ],
               512
               /* NEED_PATCH */
             )), [
-              [D, B.value]
+              [M, B.value]
             ]) : L("v-if", !0),
             H("div", Ne, [
-              x(H(
+              D(H(
                 "div",
                 Oe,
                 [
-                  N(T.$slots, "banner", {}, void 0, !0)
+                  N(_.$slots, "banner", {}, void 0, !0)
                 ],
                 512
                 /* NEED_PATCH */
               ), [
-                [D, B.value]
+                [M, B.value]
               ]),
               H("div", Ue, [
-                x((g(), C("div", {
-                  key: e.pageKey,
+                D((g(), C("div", {
+                  key: _.pageKey,
                   style: { width: "100%", height: "100%" }
                 }, [
-                  N(T.$slots, "router-view", {}, () => [
+                  N(_.$slots, "router-view", {}, () => [
                     L(" 有动画 "),
-                    e.needTransition ? (g(), V(A, { key: 0 }, {
-                      default: W(({ Component: j }) => [
+                    _.needTransition ? (g(), V(A, { key: 0 }, {
+                      default: W(({ Component: x }) => [
                         Z(
                           le,
                           ne(ce(m.value)),
@@ -542,7 +542,7 @@ const h = z({
                                   key: 0,
                                   exclude: a.value
                                 }, [
-                                  o.value && !((u = b(n).meta) != null && u.isIframe) ? (g(), V(O(q(j, b(n).path)), {
+                                  o.value && !((u = b(n).meta) != null && u.isIframe) ? (g(), V(O(q(x, b(n).path)), {
                                     key: b(n).path
                                   })) : L("v-if", !0)
                                 ], 1032, ["exclude"])) : L("v-if", !0)
@@ -560,7 +560,7 @@ const h = z({
                           {
                             default: W(() => [
                               !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), C("div", We, [
-                                (g(), V(O(j), {
+                                (g(), V(O(x), {
                                   key: b(n).path
                                 }))
                               ])) : L("v-if", !0)
@@ -576,18 +576,18 @@ const h = z({
                       /* STABLE */
                     })) : L("v-if", !0),
                     L(" 无动画 "),
-                    e.needTransition ? L("v-if", !0) : (g(), V(A, { key: 1 }, {
-                      default: W(({ Component: j }) => [
+                    _.needTransition ? L("v-if", !0) : (g(), V(A, { key: 1 }, {
+                      default: W(({ Component: x }) => [
                         b(n).meta.keepAlive ? (g(), V(ue, {
                           key: 0,
                           exclude: a.value
                         }, [
-                          o.value && !b(n).meta.isIframe ? (g(), V(O(q(j, b(n).path)), {
+                          o.value && !b(n).meta.isIframe ? (g(), V(O(q(x, b(n).path)), {
                             key: b(n).path
                           })) : L("v-if", !0)
                         ], 1032, ["exclude"])) : L("v-if", !0),
                         !b(n).meta.keepAlive && !b(n).meta.isIframe ? (g(), C("div", Ke, [
-                          (g(), V(O(j), {
+                          (g(), V(O(x), {
                             key: b(n).path
                           }))
                         ])) : L("v-if", !0)
@@ -595,35 +595,35 @@ const h = z({
                       _: 1
                       /* STABLE */
                     })),
-                    x(H(
+                    D(H(
                       "div",
                       ze,
                       [
-                        Z(De, {
+                        Z(Me, {
                           exclude: a.value,
                           transitionConfig: m.value,
-                          needTransition: e.needTransition
+                          needTransition: _.needTransition
                         }, null, 8, ["exclude", "transitionConfig", "needTransition"])
                       ],
                       512
                       /* NEED_PATCH */
                     ), [
-                      [D, b(n).meta.isIframe]
+                      [M, b(n).meta.isIframe]
                     ])
                   ], !0)
                 ])), [
-                  [D, P.value]
+                  [M, P.value]
                 ]),
-                x(H(
+                D(H(
                   "div",
                   Qe,
                   [
-                    N(T.$slots, "default", {}, void 0, !0)
+                    N(_.$slots, "default", {}, void 0, !0)
                   ],
                   512
                   /* NEED_PATCH */
                 ), [
-                  [D, !P.value]
+                  [M, !P.value]
                 ])
               ])
             ])
@@ -657,7 +657,7 @@ const h = z({
         currentProject: t.activeProject
       },
       ...t.projectConfig
-    })), k = c(() => t.userInfo), S = c(() => t.searchConfig), s = async (u) => {
+    })), T = c(() => t.userInfo), S = c(() => t.searchConfig), s = async (u) => {
       const p = u.detail[0], w = r.value.find((E) => p.value === E.value);
       await v.nav.triggerEventListener("onItemClick", w) && v.nav.setActiveItem(w.value);
     }, a = async (u) => {
@@ -675,20 +675,20 @@ const h = z({
       v.nav.triggerEventListener("searchToPage", { item: u.detail[0], keyword: u.detail[1], cb: u.detail[2] });
     }, B = (u) => {
       v.nav.triggerEventListener("clearSearchList", { cb: u.detail[0] });
-    }, T = (u) => {
+    }, _ = (u) => {
       v.nav.triggerEventListener("deleteSearchItem", { value: u.detail[0], cb: u.detail[1] });
-    }, M = () => {
+    }, j = () => {
       v.nav.triggerEventListener("changeEnterpriseHandle");
     }, A = () => {
       v.nav.triggerEventListener("fullScreenHandle");
-    }, j = () => {
+    }, x = () => {
       v.nav.triggerEventListener("openAI");
     };
     return be(() => {
       v.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
     }), Le(() => {
       v.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
-    }), Ie(() => {
+    }), _e(() => {
       v.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
     }), (u, p) => (g(), C("das-ce-nav", {
       theme: n.value,
@@ -698,7 +698,7 @@ const h = z({
       innerPagesConfig: i.value,
       searchConfig: S.value,
       projectTreeConfig: P.value,
-      userInfoConfig: k.value,
+      userInfoConfig: T.value,
       "on:userCommandHandle": I,
       "on:changeInnerPage": s,
       "on:handleTabClick": a,
@@ -706,10 +706,10 @@ const h = z({
       "on:changeTreeHandle": m,
       "on:searchToPage": q,
       "on:clearSearchList": B,
-      "on:deleteSearchItem": T,
-      "on:changeEnterpriseHandle": M,
+      "on:deleteSearchItem": _,
+      "on:changeEnterpriseHandle": j,
       "on:fullScreen": A,
-      "on:openAI": j
+      "on:openAI": x
     }, null, 40, Ge));
   }
 }), Je = ["theme", "modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], rt = /* @__PURE__ */ Q({
@@ -718,7 +718,7 @@ const h = z({
     menuAttr: {}
   },
   setup(e) {
-    const { menu: t } = F, n = e, l = c(() => t.theme), d = c(() => n.menuAttr || {}), r = c(() => t.items), f = c(() => t.items.find((s) => s.fixed)), y = c(() => t.activeItem || ""), i = c(() => t.collapse || !1), P = c(() => ({ popupClassName: t.popupClassName ?? "" })), k = async (s) => {
+    const { menu: t } = F, n = e, l = c(() => t.theme), d = c(() => n.menuAttr || {}), r = c(() => t.items), f = c(() => t.items.find((s) => s.fixed)), y = c(() => t.activeItem || ""), i = c(() => t.collapse || !1), P = c(() => ({ popupClassName: t.popupClassName ?? "" })), T = async (s) => {
       const a = s.detail[0], o = Ee(r.value).find((I) => a === I.id);
       await v.menu.triggerEventListener("onItemClick", o) && v.menu.setActiveItem(o.id);
     }, S = (s) => {
@@ -733,7 +733,7 @@ const h = z({
       fixedTopMenu: f.value,
       subMenuAttrs: P.value
     }, d.value, {
-      onChange: k,
+      onChange: T,
       "on:toggleCollapse": S
     }), null, 16, Je)) : L("v-if", !0);
   }
@@ -755,7 +755,7 @@ const h = z({
       await v.tab.triggerEventListener("onItemRemove", o) && v.tab.removeItem(o.value);
     }, P = async (s) => {
       await v.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
-    }, k = async (s) => {
+    }, T = async (s) => {
       await v.tab.triggerEventListener("onPageRefresh", s.detail[0]);
     }, S = () => {
       v.tab.triggerEventListener("onToggleFullScreen");
@@ -769,7 +769,7 @@ const h = z({
       "on:tabClick": y,
       "on:tabDelete": i,
       "on:menuClick": P,
-      "on:pageRefresh": k,
+      "on:pageRefresh": T,
       "on:toggleFullScreen": S
     }), null, 16, Xe)) : L("v-if", !0);
   }

package/packages/main-app-framework/{index-D1KzfMMX.js → index-B-6riqLS.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as r } from "vue";
-import { _ as c } from "./index-Dm9dhTOr.js";
+import { _ as c } from "./index-DjtNr4lK.js";
 const o = {};
 function t(n, _) {
   return r(), e("div");

package/{index-skP-VsV3.js → packages/main-app-framework/index-DGUcf59W.js}

@@ -6,7 +6,7 @@ import { DasSpin as T } from "@das-fed/ui/packages/components/spin/index";
 import { getTabInfo as b } from "@das-fed/utils/common-info";
 import { setShowLayout as E } from "@das-fed/utils/common-tools";
 import { createService as L } from "@das-fed/utils/create-api-service";
-import { u as P, p as q, a as u, c as d, b as B, l as K, g as M, d as N } from "./index-czdwDc07.js";
+import { u as P, p as q, a as u, c as d, b as B, l as K, g as M, d as N } from "./index-DjtNr4lK.js";
 const O = "v1", V = L(`/api/justauth/client/${O}`), F = V.get("/visitor/kingdee/auth/user/auth_code"), ee = /* @__PURE__ */ v({
   __name: "index",
   setup(G) {