@skyfox2000/webui 1.5.9 → 1.5.11

package/lib/assets/modules/index-Doi0zREW.js

@@ -0,0 +1,114 @@
+import { defineComponent as B, provide as N, ref as A, watch as m, onMounted as V, createBlock as r, openBlock as d, unref as o, withCtx as n, createElementVNode as $, renderSlot as C, createVNode as D, createCommentVNode as u, createTextVNode as v, toDisplayString as f } from "vue";
+import { _ as c } from "./index-CA_H2eOk.js";
+import { Modal as E, Space as M } from "ant-design-vue";
+import "@skyfox2000/fapi";
+import { P, d as K, $ as p, o as U, b as j } from "./upload-template-D6r6X3vP.js";
+import "vue-m-message";
+import "@skyfox2000/microbase";
+import "async-validator";
+import "dayjs";
+import "vue-draggable-next";
+const q = { class: "overflow-y-auto w-full h-full" }, X = /* @__PURE__ */ B({
+  __name: "index",
+  props: {
+    saveText: {},
+    saveAsText: {},
+    cancelText: {},
+    editorCtrl: {},
+    dialogSave: { type: Function },
+    dialogSaveAs: { type: Function },
+    width: {},
+    full: { type: Boolean },
+    open: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(t, { emit: T }) {
+    const l = t, e = l.editorCtrl;
+    N(P.EditorControl, e);
+    const i = A(l.open ?? !1), b = T, h = A(l.width ?? 430);
+    m(
+      () => e == null ? void 0 : e.visible.value,
+      (a) => {
+        i.value = a ?? !1;
+      }
+    ), m(
+      () => l.open,
+      (a) => {
+        i.value = a;
+      }
+    ), m(
+      () => i.value,
+      (a) => {
+        b("update:open", a), a || g();
+      }
+    ), V(() => {
+      i.value = (e == null ? void 0 : e.visible.value) ?? !1;
+    });
+    const k = () => {
+      l.dialogSave ? l.dialogSave() : e && U(e);
+    }, F = () => {
+      l.dialogSaveAs ? l.dialogSaveAs() : e && j(e);
+    }, g = () => {
+      e ? K(e) : i.value = !1;
+    };
+    return (a, w) => (d(), r(o(E), {
+      open: i.value,
+      "onUpdate:open": w[0] || (w[0] = (s) => i.value = s),
+      wrapClassName: "modal mx-auto min-w-[430px] " + (t.full ? "full-modal w-full" : ""),
+      width: h.value
+    }, {
+      footer: n(() => [
+        C(a.$slots, "footer", {}, () => [
+          D(o(M), null, {
+            default: n(() => {
+              var s, S, x, y;
+              return [
+                t.cancelText !== "" ? (d(), r(o(c), {
+                  key: 0,
+                  onClick: g
+                }, {
+                  default: n(() => [
+                    v(f(t.cancelText ?? o(p)("webui.common.cancel")), 1)
+                  ]),
+                  _: 1
+                })) : u("", !0),
+                t.saveAsText !== "" && ((s = o(e)) == null ? void 0 : s.saveAsBtnVisible) !== !1 ? (d(), r(o(c), {
+                  key: 1,
+                  onClick: F,
+                  type: "primary",
+                  loading: (S = o(e)) == null ? void 0 : S.isFormSaving.value
+                }, {
+                  default: n(() => [
+                    v(f(t.saveAsText ?? o(p)("webui.common.saveAs")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"])) : u("", !0),
+                t.saveText !== "" && ((x = o(e)) == null ? void 0 : x.saveBtnVisible) !== !1 ? (d(), r(o(c), {
+                  key: 2,
+                  onClick: k,
+                  type: "primary",
+                  loading: (y = o(e)) == null ? void 0 : y.isFormSaving.value
+                }, {
+                  default: n(() => [
+                    v(f(t.saveText ?? o(p)("webui.common.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"])) : u("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ])
+      ]),
+      default: n(() => [
+        $("div", q, [
+          C(a.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["open", "wrapClassName", "width"]));
+  }
+});
+export {
+  X as _
+};

package/lib/assets/modules/{menuTabs-DWaBSRNr.js → menuTabs-DRoP9rnS.js}

@@ -1,15 +1,15 @@
-import { defineComponent as _, createBlock as y, createCommentVNode as b, openBlock as l, unref as t, mergeProps as $, useAttrs as W, computed as j, ref as h, watch as w, withCtx as m, createElementBlock as g, normalizeStyle as T, createElementVNode as f, inject as Y, onMounted as P, createVNode as r, toDisplayString as C, Fragment as L, renderList as U, createTextVNode as G, reactive as Q, nextTick as X, withModifiers as Z } from "vue";
-import { a as A, _ as k } from "./toolIcon-BYnHhAy-.js";
-import { c as D, a7 as E, av as O, aa as K, a9 as R, u as F, $ as S, T as ee, aA as H, aB as te, aC as ne, a as V, a8 as oe, r as q, at as B } from "./upload-template-BKm9mFq8.js";
+import { defineComponent as x, createBlock as y, createCommentVNode as b, openBlock as l, unref as t, mergeProps as $, useAttrs as Y, computed as j, ref as v, watch as w, withCtx as m, createElementBlock as g, normalizeStyle as T, createElementVNode as f, inject as Z, onMounted as P, createVNode as r, toDisplayString as C, Fragment as L, renderList as U, createTextVNode as G, reactive as Q, nextTick as X, withModifiers as ee } from "vue";
+import { a as A, _ as k } from "./toolIcon-CghIoh0a.js";
+import { c as D, Y as E, am as M, a1 as K, a0 as R, as as F, u as H, $ as S, M as te, ar as V, at as ne, a as q, Z as oe, r as J, ak as B } from "./upload-template-D6r6X3vP.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { theme as M, Breadcrumb as ie, Modal as ae, Flex as ce, Dropdown as le, Menu as J, MenuItem as re, LayoutHeader as ue, Space as pe, Tabs as de, TabPane as me } from "ant-design-vue";
+import { theme as O, Breadcrumb as ie, Modal as ae, Flex as ce, Dropdown as le, Menu as W, MenuItem as re, LayoutHeader as ue, Space as pe, Tabs as de, TabPane as me } from "ant-design-vue";
 import { isMicroApp as fe } from "@skyfox2000/microbase";
 import { SERVER_HOST as N } from "@skyfox2000/fapi";
 import "vue-m-message";
 import "async-validator";
 import "dayjs";
 import "vue-draggable-next";
-const ge = /* @__PURE__ */ _({
+const ge = /* @__PURE__ */ x({
   __name: "appicon",
   props: {
     icon: {
@@ -27,7 +27,7 @@ const ge = /* @__PURE__ */ _({
       class: ["text-2xl", "align-middle", "w-6", "h-6"]
     }, u.$attrs), null, 16, ["icon"])) : b("", !0);
   }
-}), _e = ["xlink:href"], xe = /* @__PURE__ */ _({
+}), xe = ["xlink:href"], _e = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -272,13 +272,13 @@ const ge = /* @__PURE__ */ _({
     "update:iconIndex"
   ],
   setup(c, { emit: o }) {
-    const s = W(), e = c, u = o, i = j(() => {
+    const s = Y(), e = c, u = o, i = j(() => {
       if (Array.isArray(e.size)) return e.size;
       {
         let a = e.size;
         return [a, a];
       }
-    }), n = h(e.icon), p = h(e.iconIndex);
+    }), n = v(e.icon), p = v(e.iconIndex);
     w(
       () => e.icon,
       (a) => {
@@ -301,15 +301,15 @@ const ge = /* @__PURE__ */ _({
     e.icons.length > 0 ? (d.value = d.value >= e.icons.length ? 0 : d.value, n.value = e.icons[p.value]) : n.value = e.icon;
     const I = (a) => {
       if (a.stopPropagation(), e.clickEvent) {
-        const v = e.clickEvent.split("#");
-        v.length === 2 && Y("$" + v[0]).$emit(v[1], e.data);
+        const h = e.clickEvent.split("#");
+        h.length === 2 && Z("$" + h[0]).$emit(h[1], e.data);
       }
       e.autoSwitch && e.icons.length > 0 && (d.value = (d.value + 1) % e.icons.length, n.value = e.icons[p.value]), u("click");
-    }, x = () => {
+    }, _ = () => {
       let a = "";
       return e.spin && (a += "rotate"), e.flip && (a += " flip"), a;
     };
-    return (a, v) => (l(), y(A, {
+    return (a, h) => (l(), y(A, {
       title: e.tiptext,
       disabled: e.tiptext ? void 0 : "disabled",
       color: c.tipcolor,
@@ -328,7 +328,7 @@ const ge = /* @__PURE__ */ _({
             })
           }, [
             (z = n.value) != null && z.startsWith("sym-") ? (l(), g("svg", $({ key: 1 }, t(s), {
-              class: ["re-icon symbol", [e.clickable ? "clickable" : "", x(), e.className]],
+              class: ["re-icon symbol", [e.clickable ? "clickable" : "", _(), e.className]],
               "aria-hidden": "true",
               style: {
                 top: e.position ? e.position[1] : 0,
@@ -341,9 +341,9 @@ const ge = /* @__PURE__ */ _({
             }), [
               f("use", {
                 "xlink:href": "#icon-" + n.value.replace("sym-", "")
-              }, null, 8, _e)
+              }, null, 8, xe)
             ], 16)) : (l(), g("i", $({ key: 0 }, t(s), {
-              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, x(), e.className]],
+              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, _(), e.className]],
               style: {
                 top: e.position ? e.position[1] : 1,
                 left: e.position ? e.position[0] : 0,
@@ -361,7 +361,7 @@ const ge = /* @__PURE__ */ _({
       _: 1
     }, 8, ["title", "disabled", "color", "placement", "size"]));
   }
-}), Je = /* @__PURE__ */ se(xe, [["__scopeId", "data-v-0146f00c"]]), ye = /* @__PURE__ */ _({
+}), Je = /* @__PURE__ */ se(_e, [["__scopeId", "data-v-0146f00c"]]), ye = /* @__PURE__ */ x({
   __name: "projectIcon",
   props: {
     icon: {
@@ -392,13 +392,13 @@ const ge = /* @__PURE__ */ _({
       class: ["align-middle"]
     }, u.$attrs), null, 16, ["icon", "icons"])) : b("", !0);
   }
-}), ve = { class: "text-xs leading-[3]" }, he = {
+}), he = { class: "text-xs leading-[3]" }, ve = {
   key: 0,
   class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]"
-}, be = /* @__PURE__ */ _({
+}, be = /* @__PURE__ */ x({
   __name: "index",
   setup(c) {
-    const { useToken: o } = M, { token: s } = o(), e = O();
+    const { useToken: o } = O, { token: s } = o(), e = M();
     return w(
       () => e.TabActive,
       () => K()
@@ -420,33 +420,41 @@ const ge = /* @__PURE__ */ _({
         separator: ""
       }, {
         itemRender: m(({ route: n }) => [
-          f("span", ve, C(n.breadcrumbName), 1),
+          f("span", he, C(n.breadcrumbName), 1),
           r(t(k), {
             icon: n.icon,
             fontsize: "15px"
           }, null, 8, ["icon"]),
-          n.index < t(R).length - 1 ? (l(), g("span", he, ">")) : b("", !0)
+          n.index < t(R).length - 1 ? (l(), g("span", ve, ">")) : b("", !0)
         ]),
         _: 1
       }, 8, ["routes"])
     ], 4));
   }
-}), ke = { class: "font-['Courier'] text-[#666]" }, Se = /* @__PURE__ */ _({
+}), ke = { class: "font-['Courier'] text-[#666]" }, Se = /* @__PURE__ */ x({
   __name: "index",
   setup(c) {
-    const o = h("");
+    const o = v("");
     return P(() => {
       setInterval(() => {
-        const s = /* @__PURE__ */ new Date(), e = { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, u = s.toLocaleString(void 0, e).replace(/\//g, "-").replace(",", "");
-        o.value = s.getFullYear() + "-" + u;
+        const s = /* @__PURE__ */ new Date(), e = F(), u = {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hour12: !1
+        };
+        o.value = s.toLocaleString(e, u);
       }, 1e3);
     }), (s, e) => (l(), g("div", ke, C(o.value), 1));
   }
-}), we = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ce = /* @__PURE__ */ _({
+}), we = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ce = /* @__PURE__ */ x({
   __name: "headerExits",
   setup(c) {
-    const o = F(), s = h(!1), e = () => {
-      s.value = !1, fe() ? ee.userLogout() : o.logout(!0);
+    const o = H(), s = v(!1), e = () => {
+      s.value = !1, fe() ? te.userLogout() : o.logout(!0);
     };
     return (u, i) => (l(), g(L, null, [
       r(t(A), {
@@ -493,10 +501,10 @@ const ge = /* @__PURE__ */ _({
       }, 8, ["open", "title", "ok-text", "cancel-text"])
     ], 64));
   }
-}), Ie = { class: "flex items-center flex-nowrap" }, $e = { class: "mr-2 text-sm whitespace-nowrap" }, Te = /* @__PURE__ */ _({
+}), Ie = { class: "flex items-center flex-nowrap" }, $e = { class: "mr-2 text-sm whitespace-nowrap" }, Te = /* @__PURE__ */ x({
   __name: "user",
   setup(c) {
-    const o = F().userInfo;
+    const o = H().userInfo;
     return (s, e) => (l(), y(t(A), {
       title: t(o).Name
     }, {
@@ -509,12 +517,12 @@ const ge = /* @__PURE__ */ _({
       _: 1
     }, 8, ["title"]));
   }
-}), Ae = { class: "flex items-center cursor-pointer" }, ze = /* @__PURE__ */ _({
+}), Ae = { class: "flex items-center cursor-pointer" }, ze = /* @__PURE__ */ x({
   __name: "language",
   setup(c) {
-    const o = H(), s = h(te()), e = o.length > 0, u = async (i) => {
+    const o = V(), s = v(F()), e = o.length > 0, u = async (i) => {
       try {
-        await ne(i), s.value = i;
+        await ne(i), s.value = i, window.location.reload();
       } catch (n) {
         console.error("Failed to change language:", n);
       }
@@ -524,7 +532,7 @@ const ge = /* @__PURE__ */ _({
       placement: "bottomRight"
     }, {
       overlay: m(() => [
-        r(t(J), null, {
+        r(t(W), null, {
           default: m(() => [
             (l(!0), g(L, null, U(t(o), (p) => (l(), y(t(re), {
               key: p.key,
@@ -553,12 +561,12 @@ const ge = /* @__PURE__ */ _({
 }), Be = { class: "flex items-center" }, Ne = {
   key: 1,
   class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]"
-}, We = /* @__PURE__ */ _({
+}, We = /* @__PURE__ */ x({
   __name: "index",
   setup(c) {
-    const { useToken: o } = M, { token: s } = o(), e = V(), u = () => {
+    const { useToken: o } = O, { token: s } = o(), e = q(), u = () => {
       e.setMenuCollapse(!e.menuCollapse);
-    }, i = H().length > 0;
+    }, i = V().length > 0;
     return (n, p) => (l(), y(t(ue), {
       class: "w-full relative z-[1] shadow-[0_-3px_6px_#000] py-0 flex items-center justify-between",
       style: T({
@@ -594,31 +602,30 @@ const ge = /* @__PURE__ */ _({
               p[1] || (p[1] = f("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]" }, null, -1)),
               r(Ce)
             ]),
-            _: 1,
-            __: [0, 1]
+            _: 1
           })
         ])
       ]),
       _: 1
     }, 8, ["style"]));
   }
-}), Ye = /* @__PURE__ */ _({
+}), Ye = /* @__PURE__ */ x({
   __name: "index",
   props: {
     routes: {}
   },
   setup(c) {
-    const o = c, s = h([]), e = h([]), u = Q([]), i = O(), n = (x) => {
-      B().push(x.key.toString());
-    }, p = V(), d = h([]), I = () => {
-      let x = i.TabActive;
-      const a = x.split("/");
-      a.pop(), s.value = [a.join("/")], p.menuCollapse || (d.value = [a.join("/")]), e.value = [x];
+    const o = c, s = v([]), e = v([]), u = Q([]), i = M(), n = (_) => {
+      B().push(_.key.toString());
+    }, p = q(), d = v([]), I = () => {
+      let _ = i.TabActive;
+      const a = _.split("/");
+      a.pop(), s.value = [a.join("/")], p.menuCollapse || (d.value = [a.join("/")]), e.value = [_];
     };
     return w(
       () => p.menuCollapse,
-      (x) => {
-        x || (d.value = [], X(() => {
+      (_) => {
+        _ || (d.value = [], X(() => {
           d.value = [...s.value];
         }));
       }
@@ -628,24 +635,24 @@ const ge = /* @__PURE__ */ _({
         I();
       }
     ), P(() => {
-      oe(o.routes, u, ye, { class: "!w-5 !h-5" }), i.setTabActive(q.currentRoute.value.path), I();
-    }), (x, a) => (l(), y(t(J), {
+      oe(o.routes, u, ye, { class: "!w-5 !h-5" }), i.setTabActive(J.currentRoute.value.path), I();
+    }), (_, a) => (l(), y(t(W), {
       openKeys: d.value,
-      "onUpdate:openKeys": a[0] || (a[0] = (v) => d.value = v),
+      "onUpdate:openKeys": a[0] || (a[0] = (h) => d.value = h),
       selectedKeys: e.value,
-      "onUpdate:selectedKeys": a[1] || (a[1] = (v) => e.value = v),
+      "onUpdate:selectedKeys": a[1] || (a[1] = (h) => e.value = h),
       mode: "inline",
       theme: "dark",
       items: u,
       onClick: n
     }, null, 8, ["openKeys", "selectedKeys", "items"]));
   }
-}), Pe = { class: "flex items-center" }, Le = { class: "flex" }, Oe = ["onClick"], Ge = /* @__PURE__ */ _({
+}), Pe = { class: "flex items-center" }, Le = { class: "flex" }, Me = ["onClick"], Ze = /* @__PURE__ */ x({
   __name: "menuTabs",
   setup(c) {
-    const { useToken: o } = M, { token: s } = o(), e = O();
+    const { useToken: o } = O, { token: s } = o(), e = M();
     w(
-      () => q.currentRoute.value.path,
+      () => J.currentRoute.value.path,
       (n) => {
         n !== e.TabActive && e.setTabActive(n);
       }
@@ -681,7 +688,7 @@ const ge = /* @__PURE__ */ _({
                     t(e).TabPanes.length > 1 && d.closable ? (l(), g("div", {
                       key: 0,
                       class: "inline-block mx-auto relative flex items-center",
-                      onClick: Z((I) => i(d.key), ["stop"])
+                      onClick: ee((I) => i(d.key), ["stop"])
                     }, [
                       r(t(k), {
                         icon: "icon-new",
@@ -690,7 +697,7 @@ const ge = /* @__PURE__ */ _({
                         class: "w-[15px] h-[15px] ml-1",
                         tipcolor: t(s).colorBgSpotlight
                       }, null, 8, ["tipcolor"])
-                    ], 8, Oe)) : b("", !0)
+                    ], 8, Me)) : b("", !0)
                   ]),
                   _: 2
                 }, 1032, ["title"])
@@ -713,5 +720,5 @@ export {
   We as d,
   Ce as e,
   Ye as f,
-  Ge as g
+  Ze as g
 };

package/lib/assets/modules/{toolIcon-BYnHhAy-.js → toolIcon-CghIoh0a.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 { c as S } from "./upload-template-BKm9mFq8.js";
+import { c as S } from "./upload-template-D6r6X3vP.js";
 const T = /* @__PURE__ */ i({
   __name: "index",
   props: {