@skyfox2000/webui 1.2.8 → 1.2.10

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

@@ -1,676 +0,0 @@
-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 r, toDisplayString as $, Fragment as L, createTextVNode as K, reactive as Q, nextTick as W, renderList as Y, withModifiers as G } from "vue";
-import { a as w, _ as b } from "./toolIcon-B9Mw9Ktm.js";
-import { c as D, Q as E, ad as P, T as M, S as R, u as F, a as H, R as X, r as V, ab as z } from "./index-D9kzQ23e.js";
-import { theme as O, 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 { mainAppApis as U } 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 ae = /* @__PURE__ */ x({
-  __name: "appicon",
-  props: {
-    icon: {
-      type: String
-    }
-  },
-  setup(i) {
-    const s = i, e = D({
-      iconUrl: `${B.APP_ICONS}`,
-      icon: s.icon
-    });
-    return (l, a) => i.icon ? (u(), h(t(e), C({
-      key: 0,
-      icon: i.icon,
-      class: ["text-2xl", "align-middle", "w-6", "h-6"]
-    }, l.$attrs), null, 16, ["icon"])) : I("", !0);
-  }
-}), le = ["xlink:href"], re = /* @__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(i, { emit: s }) {
-    const n = q(), e = i, l = s, a = j(() => {
-      if (Array.isArray(e.size)) return e.size;
-      {
-        let c = e.size;
-        return [c, c];
-      }
-    }), o = y(e.icon), f = y(e.iconIndex);
-    k(
-      () => e.icon,
-      (c) => {
-        o.value = c;
-      }
-    ), k(
-      () => e.iconIndex,
-      (c) => {
-        f.value = c, o.value = e.icons[c];
-      }
-    );
-    const p = j({
-      get() {
-        return f.value;
-      },
-      set(c) {
-        f.value = c, l("update:iconIndex", f.value);
-      }
-    });
-    e.icons.length > 0 ? (p.value = p.value >= e.icons.length ? 0 : p.value, o.value = e.icons[f.value]) : o.value = e.icon;
-    const S = (c) => {
-      if (c.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, o.value = e.icons[f.value]), l("click");
-    }, _ = () => {
-      let c = "";
-      return e.spin && (c += "rotate"), e.flip && (c += " flip"), c;
-    };
-    return (c, v) => (u(), h(w, {
-      title: e.tiptext,
-      disabled: e.tiptext ? void 0 : "disabled",
-      color: i.tipcolor,
-      placement: i.placement,
-      size: i.tipsize
-    }, {
-      default: d(() => {
-        var A;
-        return [
-          o.value ? (u(), g("div", {
-            key: 0,
-            class: "re-icon-container",
-            style: T({
-              width: a.value[0].toString(),
-              height: a.value[1].toString()
-            })
-          }, [
-            (A = o.value) != null && A.startsWith("sym-") ? (u(), g("svg", C({ key: 1 }, t(n), {
-              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-" + o.value.replace("sym-", "")
-              }, null, 8, le)
-            ], 16)) : (u(), g("i", C({ key: 0 }, t(n), {
-              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + o.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"]));
-  }
-}), ue = (i, s) => {
-  const n = i.__vccOpts || i;
-  for (const [e, l] of s)
-    n[e] = l;
-  return n;
-}, je = /* @__PURE__ */ ue(re, [["__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(i) {
-    const s = i, e = D({
-      iconUrl: `${s.iconUrl ?? B.PROJECT_ICONS ?? B.TOOL_ICONS}`,
-      monoColor: s.monoColor,
-      icon: s.icon,
-      icons: s.icons
-    });
-    return (l, a) => i.icon || i.icons ? (u(), h(t(e), C({
-      key: 0,
-      icon: i.icon,
-      icons: i.icons,
-      class: ["align-middle"]
-    }, l.$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(i) {
-    const { useToken: s } = O, { token: n } = s(), e = P();
-    return k(
-      () => e.TabActive,
-      () => M()
-    ), N(() => {
-      M();
-    }), (l, a) => (u(), g("div", {
-      class: "ml-5 h-fit p-0 flex items-center justify-between",
-      style: T({
-        backgroundColor: t(n).colorBgContainer
-      })
-    }, [
-      r(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)),
-      r(t(Z), {
-        routes: t(R),
-        separator: ""
-      }, {
-        itemRender: d(({ route: o }) => [
-          m("span", de, $(o.breadcrumbName), 1),
-          r(t(b), {
-            icon: o.icon,
-            fontsize: "15px"
-          }, null, 8, ["icon"]),
-          o.index < t(R).length - 1 ? (u(), g("span", me, ">")) : I("", !0)
-        ]),
-        _: 1
-      }, 8, ["routes"])
-    ], 4));
-  }
-}), _e = { class: "font-['Courier'] text-[#666]" }, ge = /* @__PURE__ */ x({
-  __name: "index",
-  setup(i) {
-    const s = y("");
-    return N(() => {
-      setInterval(() => {
-        const n = /* @__PURE__ */ new Date(), e = { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, l = n.toLocaleString(void 0, e).replace(/\//g, "-").replace(",", "");
-        s.value = n.getFullYear() + "-" + l;
-      }, 1e3);
-    }), (n, e) => (u(), g("div", _e, $(s.value), 1));
-  }
-}), xe = /* @__PURE__ */ x({
-  __name: "headerExits",
-  setup(i) {
-    const s = F(), n = y(!1), e = () => {
-      n.value = !1, U.value ? U.value.userLogout() : s.logout();
-    };
-    return (l, a) => (u(), g(L, null, [
-      r(t(w), { title: "退出平台" }, {
-        default: d(() => [
-          r(t(b), {
-            icon: "icon-logout",
-            onClick: a[0] || (a[0] = (o) => n.value = !0),
-            clickable: "",
-            class: "w-5 h-5",
-            title: "退出系统"
-          })
-        ]),
-        _: 1
-      }),
-      r(t(ee), {
-        open: n.value,
-        "onUpdate:open": a[1] || (a[1] = (o) => n.value = o),
-        title: "确定退出？",
-        "ok-text": "确定",
-        "cancel-text": "取消",
-        width: 380,
-        onOk: e
-      }, {
-        default: d(() => [
-          r(t(te), {
-            align: "center",
-            justify: "flex-start",
-            style: { padding: "0 32px", margin: "20px 0" }
-          }, {
-            default: d(() => [
-              r(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(i) {
-    const s = F().userInfo;
-    return (n, e) => (u(), h(t(w), {
-      title: t(s).Name
-    }, {
-      default: d(() => [
-        m("div", ve, [
-          m("span", ye, $(t(s).Name), 1),
-          r(t(ae), { icon: "icon-account" })
-        ])
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), ke = { class: "flex items-center" }, Ke = /* @__PURE__ */ x({
-  __name: "index",
-  setup(i) {
-    const { useToken: s } = O, { token: n } = s(), e = H(), l = () => {
-      e.setMenuCollapse(!e.menuCollapse);
-    };
-    return (a, o) => (u(), h(t(ne), {
-      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(n).colorBgContainer
-      })
-    }, {
-      default: d(() => [
-        m("div", ke, [
-          r(t(b), {
-            icon: "icon-menu",
-            clickable: "",
-            class: "w-[18px] h-[18px]",
-            angle: t(e).menuCollapse ? 90 : 0,
-            onClick: l
-          }, null, 8, ["angle"]),
-          r(fe)
-        ]),
-        m("div", null, [
-          r(t(oe), {
-            size: "middle",
-            class: "flex items-center"
-          }, {
-            default: d(() => [
-              r(ge),
-              r(he),
-              r(xe)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      _: 1
-    }, 8, ["style"]));
-  }
-}), Ee = /* @__PURE__ */ x({
-  __name: "index",
-  props: {
-    routes: {}
-  },
-  setup(i) {
-    const s = i, n = y([]), e = y([]), l = Q([]), a = P(), o = (_) => {
-      z().push(_.key.toString());
-    }, f = H(), p = y([]), S = () => {
-      let _ = a.TabActive;
-      const c = _.split("/");
-      c.pop(), n.value = [c.join("/")], f.menuCollapse || (p.value = [c.join("/")]), e.value = [_];
-    };
-    return k(
-      () => f.menuCollapse,
-      (_) => {
-        _ || (p.value = [], W(() => {
-          p.value = [...n.value];
-        }));
-      }
-    ), k(
-      () => a.TabActive,
-      () => {
-        S();
-      }
-    ), N(() => {
-      X(s.routes, l, pe, { class: "!w-5 !h-5" }), a.setTabActive(V.currentRoute.value.path), S();
-    }), (_, c) => (u(), h(t(se), {
-      openKeys: p.value,
-      "onUpdate:openKeys": c[0] || (c[0] = (v) => p.value = v),
-      selectedKeys: e.value,
-      "onUpdate:selectedKeys": c[1] || (c[1] = (v) => e.value = v),
-      mode: "inline",
-      theme: "dark",
-      items: l,
-      onClick: o
-    }, null, 8, ["openKeys", "selectedKeys", "items"]));
-  }
-}), be = { class: "flex items-center" }, Se = { class: "flex" }, Ie = ["onClick"], Me = /* @__PURE__ */ x({
-  __name: "menuTabs",
-  setup(i) {
-    const { useToken: s } = O, { token: n } = s(), e = P();
-    k(
-      () => V.currentRoute.value.path,
-      (o) => {
-        o !== e.TabActive && e.setTabActive(o);
-      }
-    );
-    const l = (o) => {
-      z().push(o);
-    }, a = (o) => {
-      e.removeTabPane(o), z().push(e.TabActive);
-    };
-    return (o, f) => (u(), g("div", {
-      style: T({ height: "38px", backgroundColor: t(n).colorBgBase })
-    }, [
-      r(t(ie), {
-        activeKey: t(e).TabActive,
-        "hide-add": "",
-        size: "small",
-        tabBarStyle: { padding: "0 20px" },
-        onTabClick: l
-      }, {
-        default: d(() => [
-          (u(!0), g(L, null, Y(t(e).TabPanes, (p) => (u(), h(t(ce), {
-            key: p.key
-          }, {
-            tab: d(() => [
-              m("div", be, [
-                m("span", Se, $(p.title), 1),
-                r(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: G((S) => a(p.key), ["stop"])
-                    }, [
-                      r(t(b), {
-                        icon: "icon-new",
-                        angle: 45,
-                        clickable: "",
-                        class: "w-[15px] h-[15px] ml-1",
-                        tipcolor: t(n).colorBgSpotlight
-                      }, null, 8, ["tipcolor"])
-                    ], 8, Ie)) : I("", !0)
-                  ]),
-                  _: 2
-                }, 1024)
-              ])
-            ]),
-            _: 2
-          }, 1024))), 128))
-        ]),
-        _: 1
-      }, 8, ["activeKey"])
-    ], 4));
-  }
-});
-export {
-  je as I,
-  ue as _,
-  ae as a,
-  pe as b,
-  fe as c,
-  ge as d,
-  Ke as e,
-  xe as f,
-  Ee as g,
-  Me as h
-};

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

@@ -1,50 +0,0 @@
-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 "./index-D9kzQ23e.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
-};