@skyfox2000/webui 1.0.13 → 1.2.0

package/lib/assets/modules/{index-BEWJ_qAH.js → index-DmWrkTXX.js}

@@ -1,7 +1,7 @@
 import { defineComponent as i, createBlock as s, openBlock as l, unref as a, withCtx as p, renderSlot as f, createCommentVNode as u, mergeProps as d } from "vue";
 import { Tooltip as I } from "ant-design-vue";
 import { SERVER_HOST as r } from "@skyfox2000/fapi";
-import { createFromIconfont as S } from "@skyfox2000/webbase";
+import { c as S } from "./settingInfo-BZakNKIN.js";
 const T = /* @__PURE__ */ i({
   __name: "index",
   props: {

package/lib/assets/modules/{menuTabs-BXdbFZor.js → menuTabs-BRYvFWA-.js}

@@ -1,28 +1,31 @@
-import { defineComponent as _, createBlock as v, createCommentVNode as I, openBlock as p, unref as t, mergeProps as C, useAttrs as D, computed as P, ref as h, watch as S, withCtx as m, createElementBlock as g, normalizeStyle as T, createElementVNode as x, inject as q, onMounted as U, createVNode as u, toDisplayString as R, Fragment as L, createTextVNode as O, reactive as J, nextTick as W, renderList as G, withModifiers as Q } from "vue";
-import { a as A, _ as k } from "./index-BEWJ_qAH.js";
-import { createFromIconfont as V, getIconTransform as j, usePageInfo as B, showBreadcrumb as K, crumbs as E, useUserInfo as F, useSettingInfo as H, initMenu as X, AppRouter as Y, useAppInfo as w } from "@skyfox2000/webbase";
+import { defineComponent as _, createBlock as y, createCommentVNode as I, openBlock as p, unref as t, mergeProps as C, useAttrs as q, computed as P, ref as h, watch as k, withCtx as m, createElementBlock as g, normalizeStyle as T, createElementVNode as x, inject as J, onMounted as U, createVNode as u, toDisplayString as R, Fragment as L, createTextVNode as O, reactive as W, nextTick as G, renderList as Q, withModifiers as X } from "vue";
+import { a as w, _ as b } from "./index-DmWrkTXX.js";
+import { c as F, g as j, e as B, s as K, f as E, b as H, u as V, i as Y, r as D, d as A } from "./settingInfo-BZakNKIN.js";
 import { theme as N, Breadcrumb as Z, Modal as ee, Flex as te, LayoutHeader as ne, Space as oe, Menu as se, Tabs as ie, TabPane as ce } from "ant-design-vue";
-import { SERVER_HOST as z } from "@skyfox2000/fapi";
 import { mainAppApis as M } from "@skyfox2000/microbase";
-const le = /* @__PURE__ */ _({
+import { SERVER_HOST as z } from "@skyfox2000/fapi";
+import "vue-m-message";
+import "async-validator";
+import "dayjs";
+const ae = /* @__PURE__ */ _({
   __name: "appicon",
   props: {
     icon: {
       type: String
     }
   },
-  setup(o) {
-    const c = o, e = V({
+  setup(s) {
+    const c = s, e = F({
       iconUrl: `${z.APP_ICONS}`,
       icon: c.icon
     });
-    return (a, l) => o.icon ? (p(), v(t(e), C({
+    return (l, a) => s.icon ? (p(), y(t(e), C({
       key: 0,
-      icon: o.icon,
+      icon: s.icon,
       class: ["text-2xl", "align-middle", "w-6", "h-6"]
-    }, a.$attrs), null, 16, ["icon"])) : I("", !0);
+    }, l.$attrs), null, 16, ["icon"])) : I("", !0);
   }
-}), ae = ["xlink:href"], re = /* @__PURE__ */ _({
+}), le = ["xlink:href"], re = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -266,63 +269,63 @@ const le = /* @__PURE__ */ _({
      */
     "update:iconIndex"
   ],
-  setup(o, { emit: c }) {
-    const i = D(), e = o, a = c, l = P(() => {
+  setup(s, { emit: c }) {
+    const i = q(), e = s, l = c, a = P(() => {
       if (Array.isArray(e.size)) return e.size;
       {
-        let n = e.size;
-        return [n, n];
+        let o = e.size;
+        return [o, o];
       }
-    }), s = h(e.icon), d = h(e.iconIndex);
-    S(
+    }), n = h(e.icon), d = h(e.iconIndex);
+    k(
       () => e.icon,
-      (n) => {
-        s.value = n;
+      (o) => {
+        n.value = o;
       }
-    ), S(
+    ), k(
       () => e.iconIndex,
-      (n) => {
-        d.value = n, s.value = e.icons[n];
+      (o) => {
+        d.value = o, n.value = e.icons[o];
       }
     );
     const r = P({
       get() {
         return d.value;
       },
-      set(n) {
-        d.value = n, a("update:iconIndex", d.value);
+      set(o) {
+        d.value = o, l("update:iconIndex", d.value);
       }
     });
-    e.icons.length > 0 ? (r.value = r.value >= e.icons.length ? 0 : r.value, s.value = e.icons[d.value]) : s.value = e.icon;
-    const b = (n) => {
-      if (n.stopPropagation(), e.clickEvent) {
-        const y = e.clickEvent.split("#");
-        y.length === 2 && q("$" + y[0]).$emit(y[1], e.data);
+    e.icons.length > 0 ? (r.value = r.value >= e.icons.length ? 0 : r.value, n.value = e.icons[d.value]) : n.value = e.icon;
+    const S = (o) => {
+      if (o.stopPropagation(), e.clickEvent) {
+        const v = e.clickEvent.split("#");
+        v.length === 2 && J("$" + v[0]).$emit(v[1], e.data);
       }
-      e.autoSwitch && e.icons.length > 0 && (r.value = (r.value + 1) % e.icons.length, s.value = e.icons[d.value]), a("click");
+      e.autoSwitch && e.icons.length > 0 && (r.value = (r.value + 1) % e.icons.length, n.value = e.icons[d.value]), l("click");
     }, f = () => {
-      let n = "";
-      return e.spin && (n += "rotate"), e.flip && (n += " flip"), n;
+      let o = "";
+      return e.spin && (o += "rotate"), e.flip && (o += " flip"), o;
     };
-    return (n, y) => (p(), v(A, {
+    return (o, v) => (p(), y(w, {
       title: e.tiptext,
       disabled: e.tiptext ? void 0 : "disabled",
-      color: o.tipcolor,
-      placement: o.placement,
-      size: o.tipsize
+      color: s.tipcolor,
+      placement: s.placement,
+      size: s.tipsize
     }, {
       default: m(() => {
         var $;
         return [
-          s.value ? (p(), g("div", {
+          n.value ? (p(), g("div", {
             key: 0,
             class: "re-icon-container",
             style: T({
-              width: l.value[0].toString(),
-              height: l.value[1].toString()
+              width: a.value[0].toString(),
+              height: a.value[1].toString()
             })
           }, [
-            ($ = s.value) != null && $.startsWith("sym-") ? (p(), g("svg", C({ key: 1 }, t(i), {
+            ($ = n.value) != null && $.startsWith("sym-") ? (p(), g("svg", C({ key: 1 }, t(i), {
               class: ["re-icon symbol", [e.clickable ? "clickable" : "", f(), e.className]],
               "aria-hidden": "true",
               style: {
@@ -335,10 +338,10 @@ const le = /* @__PURE__ */ _({
               }
             }), [
               x("use", {
-                "xlink:href": "#icon-" + s.value.replace("sym-", "")
-              }, null, 8, ae)
+                "xlink:href": "#icon-" + n.value.replace("sym-", "")
+              }, null, 8, le)
             ], 16)) : (p(), g("i", C({ key: 0 }, t(i), {
-              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + s.value, f(), e.className]],
+              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, f(), e.className]],
               style: {
                 top: e.position ? e.position[1] : 1,
                 left: e.position ? e.position[0] : 0,
@@ -348,7 +351,7 @@ const le = /* @__PURE__ */ _({
                 color: e.color
               },
               "aria-hidden": "true",
-              onClick: b
+              onClick: S
             }), null, 16))
           ], 4)) : I("", !0)
         ];
@@ -356,12 +359,12 @@ const le = /* @__PURE__ */ _({
       _: 1
     }, 8, ["title", "disabled", "color", "placement", "size"]));
   }
-}), ue = (o, c) => {
-  const i = o.__vccOpts || o;
-  for (const [e, a] of c)
-    i[e] = a;
+}), ue = (s, c) => {
+  const i = s.__vccOpts || s;
+  for (const [e, l] of c)
+    i[e] = l;
   return i;
-}, $e = /* @__PURE__ */ ue(re, [["__scopeId", "data-v-e29c02e6"]]), pe = /* @__PURE__ */ _({
+}, we = /* @__PURE__ */ ue(re, [["__scopeId", "data-v-0146f00c"]]), pe = /* @__PURE__ */ _({
   __name: "projectIcon",
   props: {
     icon: {
@@ -378,54 +381,54 @@ const le = /* @__PURE__ */ _({
       default: !0
     }
   },
-  setup(o) {
-    const c = o, e = V({
+  setup(s) {
+    const c = s, e = F({
       iconUrl: `${c.iconUrl ?? z.PROJECT_ICONS ?? z.TOOL_ICONS}`,
       monoColor: c.monoColor,
       icon: c.icon,
       icons: c.icons
     });
-    return (a, l) => o.icon || o.icons ? (p(), v(t(e), C({
+    return (l, a) => s.icon || s.icons ? (p(), y(t(e), C({
       key: 0,
-      icon: o.icon,
-      icons: o.icons,
+      icon: s.icon,
+      icons: s.icons,
       class: ["align-middle"]
-    }, a.$attrs), null, 16, ["icon", "icons"])) : I("", !0);
+    }, l.$attrs), null, 16, ["icon", "icons"])) : I("", !0);
   }
 }), de = { class: "text-xs leading-[3]" }, fe = {
   key: 0,
   class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]"
 }, me = /* @__PURE__ */ _({
   __name: "index",
-  setup(o) {
+  setup(s) {
     const { useToken: c } = N, { token: i } = c(), e = B();
-    return S(
+    return k(
       () => e.TabActive,
       () => K()
     ), U(() => {
       K();
-    }), (a, l) => (p(), g("div", {
+    }), (l, a) => (p(), g("div", {
       class: "ml-5 h-fit p-0 flex items-center justify-between",
       style: T({
         backgroundColor: t(i).colorBgContainer
       })
     }, [
-      u(t(k), {
+      u(t(b), {
         icon: "icon-home",
         class: "w-[15px] h-[15px]"
       }),
-      l[0] || (l[0] = x("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
+      a[0] || (a[0] = x("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
       u(t(Z), {
         routes: t(E),
         separator: ""
       }, {
-        itemRender: m(({ route: s }) => [
-          x("span", de, R(s.breadcrumbName), 1),
-          u(t(k), {
-            icon: s.icon,
+        itemRender: m(({ route: n }) => [
+          x("span", de, R(n.breadcrumbName), 1),
+          u(t(b), {
+            icon: n.icon,
             fontsize: "15px"
           }, null, 8, ["icon"]),
-          s.index < t(E).length - 1 ? (p(), g("span", fe, ">")) : I("", !0)
+          n.index < t(E).length - 1 ? (p(), g("span", fe, ">")) : I("", !0)
         ]),
         _: 1
       }, 8, ["routes"])
@@ -433,21 +436,21 @@ const le = /* @__PURE__ */ _({
   }
 }), ge = /* @__PURE__ */ _({
   __name: "headerExits",
-  setup(o) {
-    const c = F(), i = h(!1), e = () => {
+  setup(s) {
+    const c = H(), i = h(!1), e = () => {
       i.value = !1, M.value ? M.value.userLogout() : c.logout();
     };
-    return (a, l) => (p(), g(L, null, [
-      u(t(k), {
+    return (l, a) => (p(), g(L, null, [
+      u(t(b), {
         icon: "icon-logout",
-        onClick: l[0] || (l[0] = (s) => i.value = !0),
+        onClick: a[0] || (a[0] = (n) => i.value = !0),
         clickable: "",
         class: "w-5 h-5",
         title: "退出系统"
       }),
       u(t(ee), {
         open: i.value,
-        "onUpdate:open": l[1] || (l[1] = (s) => i.value = s),
+        "onUpdate:open": a[1] || (a[1] = (n) => i.value = n),
         title: "确定退出？",
         "ok-text": "确定",
         "cancel-text": "取消",
@@ -461,12 +464,12 @@ const le = /* @__PURE__ */ _({
             style: { padding: "0 32px", margin: "20px 0" }
           }, {
             default: m(() => [
-              u(t(k), {
+              u(t(b), {
                 icon: "icon-question-circle",
                 color: "orange",
                 class: "w-[60px] h-[60px]"
               }),
-              l[2] || (l[2] = x("div", { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, [
+              a[2] || (a[2] = x("div", { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, [
                 O("是否退出系统，"),
                 x("br"),
                 O("清除用户缓存信息？")
@@ -482,24 +485,24 @@ const le = /* @__PURE__ */ _({
   }
 }), xe = /* @__PURE__ */ _({
   __name: "user",
-  setup(o) {
-    const c = F().userInfo;
-    return (i, e) => (p(), v(t(A), {
+  setup(s) {
+    const c = H().userInfo;
+    return (i, e) => (p(), y(t(w), {
       title: t(c).Name
     }, {
       default: m(() => [
-        u(t(le), { icon: "icon-account" })
+        u(t(ae), { icon: "icon-account" })
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), _e = { class: "flex items-center" }, we = /* @__PURE__ */ _({
+}), _e = { class: "flex items-center" }, Be = /* @__PURE__ */ _({
   __name: "index",
-  setup(o) {
-    const { useToken: c } = N, { token: i } = c(), e = H(), a = () => {
+  setup(s) {
+    const { useToken: c } = N, { token: i } = c(), e = V(), l = () => {
       e.setMenuCollapse(!e.menuCollapse);
     };
-    return (l, s) => (p(), v(t(ne), {
+    return (a, n) => (p(), y(t(ne), {
       class: "w-full relative z-[1] shadow-[0_-3px_6px_#000] py-0 flex items-center justify-between",
       style: T({
         height: "40px",
@@ -511,12 +514,12 @@ const le = /* @__PURE__ */ _({
     }, {
       default: m(() => [
         x("div", _e, [
-          u(t(k), {
+          u(t(b), {
             icon: "icon-menu",
             clickable: "",
             class: "w-[18px] h-[18px]",
             angle: t(e).menuCollapse ? 90 : 0,
-            onClick: a
+            onClick: l
           }, null, 8, ["angle"]),
           u(me)
         ]),
@@ -536,53 +539,60 @@ const le = /* @__PURE__ */ _({
       _: 1
     }, 8, ["style"]));
   }
-}), ze = /* @__PURE__ */ _({
+}), Ne = /* @__PURE__ */ _({
   __name: "index",
   props: {
     routes: {}
   },
-  setup(o) {
-    const c = o, i = h([]), e = h([]), a = J([]), l = B(), s = (f) => {
-      w().push(f.key.toString());
-    }, d = H(), r = h([]), b = () => {
-      let f = l.TabActive;
-      const n = f.split("/");
-      n.pop(), i.value = [n.join("/")], d.menuCollapse || (r.value = [n.join("/")]), e.value = [f];
+  setup(s) {
+    const c = s, i = h([]), e = h([]), l = W([]), a = B(), n = (f) => {
+      A().push(f.key.toString());
+    }, d = V(), r = h([]), S = () => {
+      let f = a.TabActive;
+      const o = f.split("/");
+      o.pop(), i.value = [o.join("/")], d.menuCollapse || (r.value = [o.join("/")]), e.value = [f];
     };
-    return S(
+    return k(
       () => d.menuCollapse,
       (f) => {
-        f || (r.value = [], W(() => {
+        f || (r.value = [], G(() => {
           r.value = [...i.value];
         }));
       }
-    ), S(
-      () => l.TabActive,
+    ), k(
+      () => a.TabActive,
       () => {
-        b();
+        S();
       }
     ), U(() => {
-      X(c.routes, a, pe, { class: "!w-5 !h-5" }), l.setTabActive(Y.currentRoute.value.path), b();
-    }), (f, n) => (p(), v(t(se), {
+      Y(c.routes, l, pe, { class: "!w-5 !h-5" }), a.setTabActive(D.currentRoute.value.path), S();
+    }), (f, o) => (p(), y(t(se), {
       openKeys: r.value,
-      "onUpdate:openKeys": n[0] || (n[0] = (y) => r.value = y),
+      "onUpdate:openKeys": o[0] || (o[0] = (v) => r.value = v),
       selectedKeys: e.value,
-      "onUpdate:selectedKeys": n[1] || (n[1] = (y) => e.value = y),
+      "onUpdate:selectedKeys": o[1] || (o[1] = (v) => e.value = v),
       mode: "inline",
       theme: "dark",
-      items: a,
-      onClick: s
+      items: l,
+      onClick: n
     }, null, 8, ["openKeys", "selectedKeys", "items"]));
   }
-}), ye = { class: "flex items-center" }, ve = { class: "flex" }, he = ["onClick"], Ae = /* @__PURE__ */ _({
+}), ve = { class: "flex items-center" }, ye = { class: "flex" }, he = ["onClick"], Pe = /* @__PURE__ */ _({
   __name: "menuTabs",
-  setup(o) {
-    const { useToken: c } = N, { token: i } = c(), e = B(), a = (s) => {
-      w().push(s);
-    }, l = (s) => {
-      e.removeTabPane(s), w().push(e.TabActive);
+  setup(s) {
+    const { useToken: c } = N, { token: i } = c(), e = B();
+    k(
+      () => D.currentRoute.value.path,
+      (n) => {
+        n !== e.TabActive && e.setTabActive(n);
+      }
+    );
+    const l = (n) => {
+      A().push(n);
+    }, a = (n) => {
+      e.removeTabPane(n), A().push(e.TabActive);
     };
-    return (s, d) => (p(), g("div", {
+    return (n, d) => (p(), g("div", {
       style: T({ height: "38px", backgroundColor: t(i).colorBgBase })
     }, [
       u(t(ie), {
@@ -590,16 +600,16 @@ const le = /* @__PURE__ */ _({
         "hide-add": "",
         size: "small",
         tabBarStyle: { padding: "0 20px" },
-        onTabClick: a
+        onTabClick: l
       }, {
         default: m(() => [
-          (p(!0), g(L, null, G(t(e).TabPanes, (r) => (p(), v(t(ce), {
+          (p(!0), g(L, null, Q(t(e).TabPanes, (r) => (p(), y(t(ce), {
             key: r.key
           }, {
             tab: m(() => [
-              x("div", ye, [
-                x("span", ve, R(r.title), 1),
-                u(t(A), {
+              x("div", ve, [
+                x("span", ye, R(r.title), 1),
+                u(t(w), {
                   title: "关闭",
                   placement: "top",
                   size: "small"
@@ -608,9 +618,9 @@ const le = /* @__PURE__ */ _({
                     t(e).TabPanes.length > 1 && r.closable ? (p(), g("div", {
                       key: 0,
                       class: "inline-block mx-auto relative flex items-center",
-                      onClick: Q((b) => l(r.key), ["stop"])
+                      onClick: X((S) => a(r.key), ["stop"])
                     }, [
-                      u(t(k), {
+                      u(t(b), {
                         icon: "icon-new",
                         angle: 45,
                         clickable: "",
@@ -632,13 +642,13 @@ const le = /* @__PURE__ */ _({
   }
 });
 export {
-  $e as I,
+  we as I,
   ue as _,
-  le as a,
+  ae as a,
   pe as b,
   me as c,
-  we as d,
+  Be as d,
   ge as e,
-  ze as f,
-  Ae as g
+  Ne as f,
+  Pe as g
 };