@skyfox2000/webui 1.3.19 → 1.3.21

package/lib/assets/modules/menuTabs-NVgroqVO.js

@@ -0,0 +1,671 @@
+import { defineComponent as x, createBlock as h, createCommentVNode as I, openBlock as u, unref as t, mergeProps as C, useAttrs as q, computed as j, ref as y, watch as k, withCtx as d, createElementBlock as g, normalizeStyle as T, createElementVNode as m, inject as J, onMounted as N, createVNode as l, toDisplayString as $, Fragment as L, createTextVNode as K, reactive as W, nextTick as Y, renderList as G, withModifiers as Q } from "vue";
+import { a as w, _ as b } from "./toolIcon-BuqRfX4F.js";
+import { c as D, S as E, af as P, V as U, U as M, u as F, a as V, T as X, r as H, ad as z } from "./uploadList-B6MIYOtN.js";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { theme as O, Breadcrumb as ee, Modal as te, Flex as ne, LayoutHeader as oe, Space as se, Menu as ie, Tabs as ce, TabPane as ae } from "ant-design-vue";
+import { mainAppApis as R } from "@skyfox2000/microbase";
+import { SERVER_HOST as B } from "@skyfox2000/fapi";
+import "vue-m-message";
+import "async-validator";
+import "dayjs";
+import "vue-draggable-next";
+const le = /* @__PURE__ */ x({
+  __name: "appicon",
+  props: {
+    icon: {
+      type: String
+    }
+  },
+  setup(c) {
+    const s = c, e = D({
+      iconUrl: `${B.APP_ICONS}`,
+      icon: s.icon
+    });
+    return (r, a) => c.icon ? (u(), h(t(e), C({
+      key: 0,
+      icon: c.icon,
+      class: ["text-2xl", "align-middle", "w-6", "h-6"]
+    }, r.$attrs), null, 16, ["icon"])) : I("", !0);
+  }
+}), re = ["xlink:href"], ue = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    /**
+     * 点击后自动切换
+     * @props
+     * @name autoSwitch
+     * @type {boolean}
+     * @default true
+     */
+    autoSwitch: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * 提示标题
+     * @props
+     * @name tiptext
+     * @type {string}
+     */
+    tiptext: {
+      type: String
+    },
+    /**
+     * 提示尺寸
+     * @props
+     * @name tipsize
+     * @type {string}
+     */
+    tipsize: {
+      type: String
+    },
+    /**
+     * 提示背景色
+     * @props
+     * @name tipcolor
+     * @type {string}
+     */
+    tipcolor: {
+      type: String
+    },
+    /**
+     * 提示显示位置
+     * @props
+     * @name placement
+     * @type {string}
+     * @default 'top'
+     */
+    placement: {
+      type: String,
+      default: "top"
+    },
+    /**
+     * IconFont图标
+     * @props
+     * @name icon
+     * @type {string}
+     * @summary IconFont图标显示，使用sym-开头的使用svg模式显示
+     */
+    icon: {
+      type: String
+    },
+    /**
+     * IconFont图标组
+     * @props
+     * @name icons
+     * @type {Array<string>}
+     * @summary IconFont图标组显示，使用sym-开头的使用svg模式显示
+     * @default []
+     */
+    icons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * 图标索引
+     * @props
+     * @name iconIndex
+     * @type {number}
+     * @default 0
+     */
+    iconIndex: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * 可点击，鼠标手
+     * @props
+     * @name clickable
+     * @type {boolean}
+     * @default false
+     */
+    clickable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 点击事件
+     * @props
+     * @name clickEvent
+     * @summary 格式 "空间名#事件名"，空间名和事件名用#分隔，事件名用.分隔
+     * @type {string}
+     */
+    clickEvent: {
+      type: String
+    },
+    /**
+     * 点击传输数据
+     * @props
+     * @name data
+     * @summary 点击事件传输的默认数据
+     * @type {object|string}
+     */
+    data: {
+      type: [Object, String]
+    },
+    /**
+     * 字体大小
+     * @props
+     * @name size
+     * @summary 字体大小
+     * @type {string}
+     * @default 20px
+     */
+    fontsize: {
+      type: String,
+      // 大小
+      default: "20px"
+    },
+    /**
+     * 空间大小
+     * @props
+     * @name size
+     * @summary 空间大小
+     * @type {string, [string, string]}
+     * @default 20px
+     */
+    size: {
+      type: [String, Array],
+      // 大小
+      default: () => ["20px", "20px"]
+    },
+    /**
+     * 图标位置
+     * @props
+     * @name position
+     * @summary 图标位置
+     * @type {[string|number, string|number]}
+     */
+    position: {
+      type: Array
+      // 图标位置
+    },
+    /**
+     * 旋转中心
+     * @props
+     * @name center
+     * @summary 旋转中心
+     * @type {string}
+     */
+    center: {
+      type: String
+      // 旋转中心
+    },
+    /**
+     * 指定角度
+     * @props
+     * @name angle
+     * @summary 指定角度
+     * @type {number}
+     */
+    angle: {
+      type: Number
+      // 指定角度
+    },
+    /**
+     * 颜色
+     * @props
+     * @name color
+     * @summary 颜色
+     * @type {string}
+     */
+    color: {
+      type: String,
+      // 颜色
+      default: ""
+    },
+    /**
+     * 样式
+     * @props
+     * @name hovercolor
+     * @summary 样式
+     * @type {string}
+     */
+    className: {
+      type: String,
+      // 样式
+      default: ""
+    },
+    /**
+     * 水平翻转
+     * @props
+     * @name flip
+     * @summary 水平翻转
+     * @type {boolean}
+     * @default false
+     */
+    flip: {
+      type: Boolean,
+      // 水平翻转
+      default: !1
+    },
+    /**
+     * 自动旋转
+     * @props
+     * @name spin
+     * @summary 自动旋转
+     * @type {boolean}
+     * @default false
+     */
+    spin: {
+      type: Boolean,
+      // 自动旋转
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * 点击事件
+     * @emits
+     * @name click
+     * @summary 图标按钮点击时触发的事件
+     */
+    "click",
+    /**
+     * 图标索引更新
+     * @emits
+     * @name update:iconIndex
+     * @summary 图标索引发生变化时触发的事件
+     * @param {number} index - 新的图标索引
+     */
+    "update:iconIndex"
+  ],
+  setup(c, { emit: s }) {
+    const i = q(), e = c, r = s, a = j(() => {
+      if (Array.isArray(e.size)) return e.size;
+      {
+        let o = e.size;
+        return [o, o];
+      }
+    }), n = y(e.icon), f = y(e.iconIndex);
+    k(
+      () => e.icon,
+      (o) => {
+        n.value = o;
+      }
+    ), k(
+      () => e.iconIndex,
+      (o) => {
+        f.value = o, n.value = e.icons[o];
+      }
+    );
+    const p = j({
+      get() {
+        return f.value;
+      },
+      set(o) {
+        f.value = o, r("update:iconIndex", f.value);
+      }
+    });
+    e.icons.length > 0 ? (p.value = p.value >= e.icons.length ? 0 : p.value, n.value = e.icons[f.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 && (p.value = (p.value + 1) % e.icons.length, n.value = e.icons[f.value]), r("click");
+    }, _ = () => {
+      let o = "";
+      return e.spin && (o += "rotate"), e.flip && (o += " flip"), o;
+    };
+    return (o, v) => (u(), h(w, {
+      title: e.tiptext,
+      disabled: e.tiptext ? void 0 : "disabled",
+      color: c.tipcolor,
+      placement: c.placement,
+      size: c.tipsize
+    }, {
+      default: d(() => {
+        var A;
+        return [
+          n.value ? (u(), g("div", {
+            key: 0,
+            class: "re-icon-container",
+            style: T({
+              width: a.value[0].toString(),
+              height: a.value[1].toString()
+            })
+          }, [
+            (A = n.value) != null && A.startsWith("sym-") ? (u(), g("svg", C({ key: 1 }, t(i), {
+              class: ["re-icon symbol", [e.clickable ? "clickable" : "", _(), e.className]],
+              "aria-hidden": "true",
+              style: {
+                top: e.position ? e.position[1] : 0,
+                left: e.position ? e.position[0] : 0,
+                fontSize: e.fontsize,
+                transformOrigin: e.center ?? "center center",
+                transform: t(E)(),
+                color: e.color
+              }
+            }), [
+              m("use", {
+                "xlink:href": "#icon-" + n.value.replace("sym-", "")
+              }, null, 8, re)
+            ], 16)) : (u(), g("i", C({ key: 0 }, t(i), {
+              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,
+                fontSize: e.fontsize,
+                transformOrigin: e.center ?? "center center",
+                transform: t(E)(e.angle, e.flip),
+                color: e.color
+              },
+              "aria-hidden": "true",
+              onClick: S
+            }), null, 16))
+          ], 4)) : I("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["title", "disabled", "color", "placement", "size"]));
+  }
+}), Ke = /* @__PURE__ */ Z(ue, [["__scopeId", "data-v-0146f00c"]]), pe = /* @__PURE__ */ x({
+  __name: "projectIcon",
+  props: {
+    icon: {
+      type: String
+    },
+    icons: {
+      type: Array
+    },
+    iconUrl: {
+      type: String
+    },
+    monoColor: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(c) {
+    const s = c, e = D({
+      iconUrl: `${s.iconUrl ?? B.PROJECT_ICONS ?? B.TOOL_ICONS}`,
+      monoColor: s.monoColor,
+      icon: s.icon,
+      icons: s.icons
+    });
+    return (r, a) => c.icon || c.icons ? (u(), h(t(e), C({
+      key: 0,
+      icon: c.icon,
+      icons: c.icons,
+      class: ["align-middle"]
+    }, r.$attrs), null, 16, ["icon", "icons"])) : I("", !0);
+  }
+}), de = { class: "text-xs leading-[3]" }, me = {
+  key: 0,
+  class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]"
+}, fe = /* @__PURE__ */ x({
+  __name: "index",
+  setup(c) {
+    const { useToken: s } = O, { token: i } = s(), e = P();
+    return k(
+      () => e.TabActive,
+      () => U()
+    ), N(() => {
+      U();
+    }), (r, a) => (u(), g("div", {
+      class: "ml-5 h-fit p-0 flex items-center justify-between",
+      style: T({
+        backgroundColor: t(i).colorBgContainer
+      })
+    }, [
+      l(t(b), {
+        icon: "icon-home",
+        class: "w-[15px] h-[15px]"
+      }),
+      a[0] || (a[0] = m("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
+      l(t(ee), {
+        routes: t(M),
+        separator: ""
+      }, {
+        itemRender: d(({ route: n }) => [
+          m("span", de, $(n.breadcrumbName), 1),
+          l(t(b), {
+            icon: n.icon,
+            fontsize: "15px"
+          }, null, 8, ["icon"]),
+          n.index < t(M).length - 1 ? (u(), g("span", me, ">")) : I("", !0)
+        ]),
+        _: 1
+      }, 8, ["routes"])
+    ], 4));
+  }
+}), _e = { class: "font-['Courier'] text-[#666]" }, ge = /* @__PURE__ */ x({
+  __name: "index",
+  setup(c) {
+    const s = y("");
+    return N(() => {
+      setInterval(() => {
+        const i = /* @__PURE__ */ new Date(), e = { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, r = i.toLocaleString(void 0, e).replace(/\//g, "-").replace(",", "");
+        s.value = i.getFullYear() + "-" + r;
+      }, 1e3);
+    }), (i, e) => (u(), g("div", _e, $(s.value), 1));
+  }
+}), xe = /* @__PURE__ */ x({
+  __name: "headerExits",
+  setup(c) {
+    const s = F(), i = y(!1), e = () => {
+      i.value = !1, R.value ? R.value.userLogout() : s.logout();
+    };
+    return (r, a) => (u(), g(L, null, [
+      l(t(w), { title: "退出平台" }, {
+        default: d(() => [
+          l(t(b), {
+            icon: "icon-logout",
+            onClick: a[0] || (a[0] = (n) => i.value = !0),
+            clickable: "",
+            class: "w-5 h-5",
+            title: "退出系统"
+          })
+        ]),
+        _: 1
+      }),
+      l(t(te), {
+        open: i.value,
+        "onUpdate:open": a[1] || (a[1] = (n) => i.value = n),
+        title: "确定退出？",
+        "ok-text": "确定",
+        "cancel-text": "取消",
+        width: 380,
+        onOk: e
+      }, {
+        default: d(() => [
+          l(t(ne), {
+            align: "center",
+            justify: "flex-start",
+            style: { padding: "0 32px", margin: "20px 0" }
+          }, {
+            default: d(() => [
+              l(t(b), {
+                icon: "icon-question-circle",
+                color: "orange",
+                class: "w-[60px] h-[60px]"
+              }),
+              a[2] || (a[2] = m("div", { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, [
+                K("是否退出平台，"),
+                m("br"),
+                K("清除用户缓存信息？")
+              ], -1))
+            ]),
+            _: 1,
+            __: [2]
+          })
+        ]),
+        _: 1
+      }, 8, ["open"])
+    ], 64));
+  }
+}), ve = { class: "flex items-center flex-nowrap" }, ye = { class: "mr-2 text-sm whitespace-nowrap" }, he = /* @__PURE__ */ x({
+  __name: "user",
+  setup(c) {
+    const s = F().userInfo;
+    return (i, e) => (u(), h(t(w), {
+      title: t(s).Name
+    }, {
+      default: d(() => [
+        m("div", ve, [
+          m("span", ye, $(t(s).Name), 1),
+          l(t(le), { icon: "icon-account" })
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ke = { class: "flex items-center" }, Ee = /* @__PURE__ */ x({
+  __name: "index",
+  setup(c) {
+    const { useToken: s } = O, { token: i } = s(), e = V(), r = () => {
+      e.setMenuCollapse(!e.menuCollapse);
+    };
+    return (a, n) => (u(), h(t(oe), {
+      class: "w-full relative z-[1] shadow-[0_-3px_6px_#000] py-0 flex items-center justify-between",
+      style: T({
+        height: "40px",
+        lineHeight: "1",
+        paddingLeft: "10px",
+        paddingRight: "20px",
+        backgroundColor: t(i).colorBgContainer
+      })
+    }, {
+      default: d(() => [
+        m("div", ke, [
+          l(t(b), {
+            icon: "icon-menu",
+            clickable: "",
+            class: "w-[18px] h-[18px]",
+            angle: t(e).menuCollapse ? 90 : 0,
+            onClick: r
+          }, null, 8, ["angle"]),
+          l(fe)
+        ]),
+        m("div", null, [
+          l(t(se), {
+            size: "middle",
+            class: "flex items-center"
+          }, {
+            default: d(() => [
+              l(ge),
+              l(he),
+              l(xe)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["style"]));
+  }
+}), Ue = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    routes: {}
+  },
+  setup(c) {
+    const s = c, i = y([]), e = y([]), r = W([]), a = P(), n = (_) => {
+      z().push(_.key.toString());
+    }, f = V(), p = y([]), S = () => {
+      let _ = a.TabActive;
+      const o = _.split("/");
+      o.pop(), i.value = [o.join("/")], f.menuCollapse || (p.value = [o.join("/")]), e.value = [_];
+    };
+    return k(
+      () => f.menuCollapse,
+      (_) => {
+        _ || (p.value = [], Y(() => {
+          p.value = [...i.value];
+        }));
+      }
+    ), k(
+      () => a.TabActive,
+      () => {
+        S();
+      }
+    ), N(() => {
+      X(s.routes, r, pe, { class: "!w-5 !h-5" }), a.setTabActive(H.currentRoute.value.path), S();
+    }), (_, o) => (u(), h(t(ie), {
+      openKeys: p.value,
+      "onUpdate:openKeys": o[0] || (o[0] = (v) => p.value = v),
+      selectedKeys: e.value,
+      "onUpdate:selectedKeys": o[1] || (o[1] = (v) => e.value = v),
+      mode: "inline",
+      theme: "dark",
+      items: r,
+      onClick: n
+    }, null, 8, ["openKeys", "selectedKeys", "items"]));
+  }
+}), be = { class: "flex items-center" }, Se = { class: "flex" }, Ie = ["onClick"], Me = /* @__PURE__ */ x({
+  __name: "menuTabs",
+  setup(c) {
+    const { useToken: s } = O, { token: i } = s(), e = P();
+    k(
+      () => H.currentRoute.value.path,
+      (n) => {
+        n !== e.TabActive && e.setTabActive(n);
+      }
+    );
+    const r = (n) => {
+      z().push(n);
+    }, a = (n) => {
+      e.removeTabPane(n), z().push(e.TabActive);
+    };
+    return (n, f) => (u(), g("div", {
+      style: T({ height: "38px", backgroundColor: t(i).colorBgBase })
+    }, [
+      l(t(ce), {
+        activeKey: t(e).TabActive,
+        "hide-add": "",
+        size: "small",
+        tabBarStyle: { padding: "0 20px" },
+        onTabClick: r
+      }, {
+        default: d(() => [
+          (u(!0), g(L, null, G(t(e).TabPanes, (p) => (u(), h(t(ae), {
+            key: p.key
+          }, {
+            tab: d(() => [
+              m("div", be, [
+                m("span", Se, $(p.title), 1),
+                l(t(w), {
+                  title: "关闭",
+                  placement: "top",
+                  size: "small"
+                }, {
+                  default: d(() => [
+                    t(e).TabPanes.length > 1 && p.closable ? (u(), g("div", {
+                      key: 0,
+                      class: "inline-block mx-auto relative flex items-center",
+                      onClick: Q((S) => a(p.key), ["stop"])
+                    }, [
+                      l(t(b), {
+                        icon: "icon-new",
+                        angle: 45,
+                        clickable: "",
+                        class: "w-[15px] h-[15px] ml-1",
+                        tipcolor: t(i).colorBgSpotlight
+                      }, null, 8, ["tipcolor"])
+                    ], 8, Ie)) : I("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 1
+      }, 8, ["activeKey"])
+    ], 4));
+  }
+});
+export {
+  Ke as I,
+  le as _,
+  pe as a,
+  fe as b,
+  ge as c,
+  Ee as d,
+  xe as e,
+  Ue as f,
+  Me as g
+};

package/lib/assets/modules/toolIcon-BuqRfX4F.js

@@ -0,0 +1,50 @@
+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 "./uploadList-B6MIYOtN.js";
+const T = /* @__PURE__ */ i({
+  __name: "index",
+  props: {
+    size: {}
+  },
+  setup(o) {
+    const e = o, t = {}, n = {};
+    return e.size === "small" && (n.fontSize = "12px", n.padding = "4px 6px", n.minHeight = "26px", t.height = "30px"), (c, m) => (l(), s(a(I), {
+      overlayInnerStyle: n,
+      overlayStyle: t
+    }, {
+      default: p(() => [
+        f(c.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), _ = /* @__PURE__ */ i({
+  __name: "toolIcon",
+  props: {
+    icon: {
+      type: String
+    },
+    icons: {
+      type: Array
+    }
+  },
+  setup(o) {
+    const e = o, n = S({
+      iconUrl: `${r.TOOL_ICONS ?? r.MICROLAYOUT_ICONS}`,
+      monoColor: !0,
+      icon: e.icon,
+      icons: e.icons
+    });
+    return (c, m) => o.icon || o.icons ? (l(), s(a(n), d({
+      key: 0,
+      icon: o.icon,
+      icons: o.icons,
+      class: ["align-middle"]
+    }, c.$attrs), null, 16, ["icon", "icons"])) : u("", !0);
+  }
+});
+export {
+  _,
+  T as a
+};