@vtj/ui 0.4.2 → 0.4.3

package/lib/index.js

@@ -1,205 +1,68 @@
-import { defineComponent as x, renderSlot as C, unref as s, ref as S, getCurrentInstance as I, provide as ne, openBlock as p, createBlock as y, mergeProps as _, withCtx as v, computed as g, createElementBlock as P, normalizeClass as D, normalizeStyle as le, h as M, useAttrs as ze, markRaw as Qe, resolveDynamicComponent as q, createCommentVNode as w, createVNode as E, createTextVNode as T, isVNode as G, Fragment as R, renderList as U, createElementVNode as V, normalizeProps as se, toDisplayString as X, withModifiers as Ee, createSlots as K, useSlots as Be, toRef as Je, reactive as et, toRefs as tt, watch as O, onMounted as Q, Teleport as ot, withDirectives as nt, vShow as lt, render as fe, onUpdated as st, inject as Oe, onUnmounted as je, shallowReactive as rt, effectScope as at } from "vue";
-import { ElIcon as it, ElTooltip as me, ElBadge as pe, ElDropdown as ct, ElDropdownMenu as ut, ElDropdownItem as dt, ElDivider as ft, ElButtonGroup as mt, ElButton as L, ElRow as pt, ElCol as gt, formItemProps as bt, ElInput as yt, ElOption as vt, ElSelect as ht, ElFormItem as _t, ElForm as Ct } from "element-plus";
-import { Close as wt, QuestionFilled as xt, RefreshLeft as Pe, Check as Ie, InfoFilled as kt } from "@element-plus/icons-vue";
-import { useElementBounding as re, useElementSize as De, useDraggable as St, useEventListener as te } from "@vueuse/core";
-import { Minimize as $t, Maximize as zt, Popup as Et, Close as Bt } from "@vtj/icons";
-import { merge as Te } from "@vtj/utils";
-function ge(e) {
+import { defineComponent as b, openBlock as f, createElementBlock as M, renderSlot as I, createElementVNode as x, toDisplayString as w, useAttrs as P, computed as S, markRaw as G, createBlock as g, unref as d, normalizeClass as Y, withCtx as _, resolveDynamicComponent as F, createCommentVNode as N, getCurrentInstance as W, createVNode as y, Fragment as O, renderList as R, mergeProps as D, createTextVNode as q, isVNode as K, h as J, watch as z, effectScope as U, ref as L, onUnmounted as Z } from "vue";
+import { ElIcon as Q, ElSubMenu as ee, ElMenuItem as te, ElMenu as ne, ElContainer as A, ElHeader as se, ElAside as oe, ElMain as le, ElFooter as re } from "element-plus";
+import { useRouter as ae, useRoute as ue, RouterView as ie } from "vue-router";
+import { useDraggable as ce, useElementBounding as V, useElementSize as me, useEventListener as C } from "@vueuse/core";
+function De(e) {
   return typeof e == "string" ? e : `${e}px`;
 }
-function be(e = 0, t) {
+function Le(e = 0, t) {
   if (typeof e == "number")
     return e;
   if (/(%|vh|vw)$/i.test(e)) {
-    const o = Number.parseInt(e);
-    return t * o / 100;
+    const s = Number.parseInt(e);
+    return t * s / 100;
   }
   return Number.parseInt(e);
 }
-function Y(e, t) {
+function de(e, t) {
   const n = {};
-  return Object.keys(e).forEach((o) => {
-    t.includes(o) || (n[o] = e[o]);
+  return Object.keys(e).forEach((s) => {
+    t.includes(s) || (n[s] = e[s]);
   }), n;
 }
-function On(e, t) {
+function Ae(e, t) {
   const n = {};
-  return Object.keys(e).forEach((o) => {
-    t.includes(o) && (n[o] = e[o]);
+  return Object.keys(e).forEach((s) => {
+    t.includes(s) && (n[s] = e[s]);
   }), n;
 }
-const Ot = () => {
-}, $ = (e, t) => {
+const pe = () => {
+}, Xe = (e, t) => {
   if (e.install = (n) => {
-    for (const o of [e, ...Object.values(t ?? {})])
-      typeof o == "function" ? n.use(o) : o.name && n.component(o.name, o);
+    for (const s of [e, ...Object.values(t ?? {})])
+      typeof s == "function" ? n.use(s) : s.name && n.component(s.name, s);
   }, t)
-    for (const [n, o] of Object.entries(t))
-      e[n] = o;
+    for (const [n, s] of Object.entries(t))
+      e[n] = s;
   return e;
-}, jt = (e, t) => (e.install = (n) => {
+}, je = (e, t) => (e.install = (n) => {
   e._context = n._context, n.config.globalProperties[t] = e;
-}, e), jn = (e, t) => (e.install = (n) => {
+}, e), Be = (e, t) => (e.install = (n) => {
   n.directive(t, e);
-}, e), Pn = (e) => (e.install = Ot, e), Pt = {
-  elementTag: {
-    type: String,
-    default: "div"
+}, e), Oe = (e) => (e.install = pe, e), X = Symbol("INSTALLED_KEY"), j = "is-dragging", B = "is-resizing", fe = (e = []) => ({
+  install: (n) => {
+    n[X] || (n[X] = !0, e.forEach((s) => n.use(s)));
   }
-}, oe = Symbol("ConfigContext");
-function Ve(e, t) {
-  const n = S(e);
-  return bn(n), t?.provide ? t.provide(oe, n) : I() && ne(oe, n), n;
-}
-const It = x({
-  name: "XConfig",
-  inheritAttrs: !1,
-  props: Pt,
-  setup(e, { slots: t }) {
-    const n = Ve(e);
-    return () => C(t, "default", { config: s(n) });
-  }
-}), Dt = $(It), Tt = {
-  fit: {
-    type: Boolean,
-    default: !0
-  }
-}, Vt = /* @__PURE__ */ x({
-  name: "XPage",
-  __name: "Page",
-  props: Tt,
-  setup(e) {
-    const t = e;
-    return (n, o) => (p(), y(s(j), _({
-      class: "x-page",
-      flex: !1,
-      fit: t.fit
-    }, n.$attrs), {
-      default: v(() => [
-        C(n.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["fit"]));
-  }
-}), Xt = $(Vt), Nt = {
-  flex: {
-    type: Boolean,
-    default: !0
-  },
-  width: {
-    type: [String, Number]
-  },
-  height: {
-    type: [String, Number]
-  },
-  direction: {
-    type: String,
-    default: "column"
-  },
-  grow: {
-    type: Boolean,
-    default: !0
-  },
-  shrink: {
-    type: Boolean,
-    default: !1
-  },
-  wrap: {
-    type: String,
-    default: "initial"
-  },
-  justify: {
-    type: String,
-    default: "start"
-  },
-  align: {
-    type: String,
-    default: "stretch"
-  },
-  border: {
-    type: Boolean
-  },
-  radius: {
-    type: Boolean
-  },
-  background: {
-    type: Boolean
-  },
-  split: {
-    type: Boolean
-  },
-  fit: {
-    type: Boolean
-  },
-  overflow: {
-    type: String,
-    default: "auto"
+}), ve = { class: "x-startup" }, _e = /* @__PURE__ */ b({
+  name: "XStartup",
+  __name: "Startup",
+  props: {
+    text: { default: "Hello VTJ." }
   },
-  padding: {
-    type: Boolean,
-    default: !0
-  }
-}, Ft = /* @__PURE__ */ x({
-  name: "XBlock",
-  __name: "Block",
-  props: Nt,
   setup(e) {
-    const t = e, n = I(), o = g(() => {
-      const u = n?.parent;
-      return u?.type.name === "XBlock" ? u?.props.direction : "column";
-    }), l = g(() => o.value.includes("column") ? t.height ? !1 : t.grow : t.width ? !1 : t.grow), a = g(() => !t.fit && o.value.includes("column") && t.grow && !t.height), r = g(() => !t.fit && o.value.includes("row") && t.grow && !t.width), i = g(() => ({
-      "is-flex": t.flex,
-      [`is-${t.direction}`]: !0,
-      "is-grow": l.value,
-      "is-shrink": t.shrink,
-      [`is-${t.wrap}`]: !0,
-      [`is-justify-${t.justify}`]: !0,
-      [`is-align-${t.align}`]: !0,
-      "is-border": t.border,
-      "is-radius": t.radius,
-      "is-background": t.background,
-      [`is-split-${t.direction}`]: t.split,
-      "is-fit": t.fit,
-      "is-padding": t.padding,
-      [`is-overflow-${t.overflow}`]: !!t.overflow,
-      "is-grow-height": a.value,
-      "is-grow-width": r.value
-    })), m = g(() => {
-      const u = t.width ? ge(t.width) : void 0, f = t.height ? ge(t.height) : void 0;
-      return {
-        width: u,
-        height: f
-      };
-    });
-    return (u, f) => (p(), P("div", {
-      class: D(["x-block", i.value]),
-      style: le(m.value)
-    }, [
-      C(u.$slots, "default")
-    ], 6));
-  }
-}), j = $(Ft), Rt = {
-  tag: {
-    type: String,
-    default: yn("elementTag", "div")
-  }
-}, At = x({
-  name: "XElement",
-  props: Rt,
-  setup(e, { slots: t }) {
-    return () => M(
-      e.tag,
-      {
-        class: "x-element"
-      },
-      t
-    );
+    const t = e;
+    return (n, s) => (f(), M("div", ve, [
+      I(n.$slots, "default", {}, () => [
+        x("span", null, w(t.text), 1)
+      ])
+    ]));
   }
-}), Mt = $(At), Lt = {
+});
+const he = {
   default: 14,
   small: 12,
   large: 18
-}, Wt = {
+}, ge = {
   icon: {
     type: [String, Object]
   },
@@ -216,1824 +79,297 @@ const It = x({
   disabled: {
     type: Boolean
   }
-}, Ht = ["src"], Ut = /* @__PURE__ */ x({
+}, ye = ["src"], k = /* @__PURE__ */ b({
   name: "XIcon",
   __name: "Icon",
-  props: Wt,
+  props: ge,
   setup(e) {
-    const t = e, n = ze(), o = g(() => typeof t.icon == "object" ? Qe(t.icon) : null), l = g(() => {
-      const r = {
+    const t = e, n = P(), s = S(() => typeof t.icon == "object" ? G(t.icon) : null), r = S(() => {
+      const o = {
         "is-pointer": !!n.onClick
       };
-      return !o.value && t.icon && (r[t.icon] = !0), r;
-    }), a = g(() => typeof t.size == "number" ? t.size : Lt[t.size] ?? void 0);
-    return (r, i) => (p(), y(s(it), {
-      class: D(["x-icon", l.value]),
+      return !s.value && t.icon && (o[t.icon] = !0), o;
+    }), l = S(() => typeof t.size == "number" ? t.size : he[t.size] ?? void 0);
+    return (o, i) => (f(), g(d(Q), {
+      class: Y(["x-icon", r.value]),
       color: t.color,
-      size: a.value
+      size: l.value
     }, {
-      default: v(() => [
-        C(r.$slots, "default", {}, () => [
-          o.value ? (p(), y(q(o.value), { key: 0 })) : w("", !0),
-          t.src ? (p(), P("img", {
+      default: _(() => [
+        I(o.$slots, "default", {}, () => [
+          s.value ? (f(), g(F(s.value), { key: 0 })) : N("", !0),
+          t.src ? (f(), M("img", {
             key: 1,
             src: t.src
-          }, null, 8, Ht)) : w("", !0)
+          }, null, 8, ye)) : N("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size"]));
   }
-}), N = $(Ut), Gt = {
-  label: {
-    type: String
-  },
-  value: {
-    type: [String, Number, Symbol]
-  },
-  icon: {
-    type: [String, Object]
-  },
-  size: {
-    type: [Number, String]
-  },
-  disabled: {
-    type: [Boolean, Function]
-  },
-  // 下拉菜单
-  menus: {
-    type: Array
-  },
-  // 默认选中的菜单项
-  active: {
-    type: [String, Number, Object]
-  },
-  // 下拉菜单组件配置参数
-  dropdown: {
-    type: Object
-  },
-  badge: {
-    type: [Number, Object]
-  },
-  tooltip: {
-    type: [String, Object]
-  }
-}, Kt = {
-  click: (e) => !0,
-  // 下拉菜单点击事件
-  command: (e) => !!e,
-  // 点击关闭图标触发
-  close: (e) => !!e
-};
-function Yt(e) {
-  const t = {
-    placement: "top"
-  }, n = g(() => {
-    const r = J(e.icon);
-    return r.value ? {
-      ...r.value,
-      size: e.size
-    } : null;
-  }), o = g(() => e.badge ? typeof e.badge == "number" ? { value: e.badge } : e.badge : null), l = g(() => e.tooltip ? typeof e.tooltip == "string" ? { ...t, content: e.tooltip } : { ...t, ...e.tooltip } : null), a = g(() => typeof e.disabled == "function" ? !!e.disabled() : !!e.disabled);
-  return {
-    icon: n,
-    badge: o,
-    tooltip: l,
-    disabled: a
-  };
-}
-function Zt(e, t, n) {
-  return {
-    onClick: () => {
-      n.value || t("click", e.value);
-    },
-    onCommand: (r) => {
-      const i = (e.menus || []).find((m) => m.value === r);
-      i && t("command", i);
-    },
-    onClose: (r) => {
-      t("close", r);
-    }
-  };
-}
-function qt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
-}
-const ye = /* @__PURE__ */ x({
-  components: {
-    ElTooltip: me,
-    ElBadge: pe,
-    XIcon: N
-  },
+}), T = /* @__PURE__ */ b({
+  name: "XMenuItem",
+  __name: "MenuItem",
   props: {
-    badge: {
-      type: Object
-    },
-    tooltip: {
-      type: Object
-    },
-    icon: {
-      type: Object
-    },
-    label: {
-      type: String
-    }
+    item: {}
   },
-  setup(e, {
-    slots: t
-  }) {
-    return () => {
-      let n = t.default ? t.default() : E("div", {
-        class: "x-tool__inner"
-      }, [e.icon ? E(N, e.icon, null) : null, e.label ? E("span", {
-        class: "x-tool__label"
-      }, [e.label]) : null]);
-      if (e.badge) {
-        const o = function() {
-          return n;
-        }();
-        n = E(pe, e.badge, {
-          default: () => [T(" "), o]
-        });
-      }
-      if (e.tooltip) {
-        const o = function() {
-          return n;
-        }();
-        n = E(me, e.tooltip, qt(n) ? n : {
-          default: () => [o]
-        });
-      }
-      return E("div", {
-        class: {
-          "is-icon": !t.default,
-          "x-tool__trigger": !0
-        }
-      }, [T(" "), n]);
-    };
-  }
-}), Qt = { class: "x-tool__item" }, Jt = /* @__PURE__ */ x({
-  name: "XTool",
-  __name: "Tool",
-  props: Gt,
-  emits: Kt,
-  setup(e, { emit: t }) {
-    const n = e, { icon: o, badge: l, tooltip: a, disabled: r } = Yt(n), { onClick: i, onCommand: m, onClose: u } = Zt(n, t, r);
-    return (f, c) => n.menus ? (p(), y(s(ct), _({
+  setup(e) {
+    const t = e, n = W(), s = (l = "") => l ? n?.appContext.app?.component(l) || l : void 0, r = (l) => l.filter((o) => !o.hidden);
+    return (l, o) => t.item.children ? (f(), g(d(ee), {
       key: 0,
-      class: "x-tool",
-      size: "small"
-    }, n.dropdown, {
-      disabled: s(r),
-      onCommand: s(m)
-    }), {
-      dropdown: v(() => [
-        E(s(ut), null, {
-          default: v(() => [
-            (p(!0), P(R, null, U(n.menus || [], (d) => (p(), y(s(dt), {
-              key: d.value,
-              command: d.value,
-              disabled: d.disabled,
-              divided: d.divided,
-              class: D(["x-tool__menu", { "is-active": d.value === n.active }])
-            }, {
-              default: v(() => [
-                V("span", Qt, [
-                  d.icon ? (p(), y(s(N), se(_({ key: 0 }, s(J)(d.icon).value)), null, 16)) : w("", !0),
-                  C(f.$slots, "menu", { item: d }, () => [
-                    T(X(d.label), 1)
-                  ])
-                ]),
-                d.closable ? (p(), y(s(N), {
-                  key: 0,
-                  class: "x-tool__close",
-                  icon: s(wt),
-                  onClick: Ee((b) => s(u)(d), ["stop"])
-                }, null, 8, ["icon", "onClick"])) : w("", !0)
-              ]),
-              _: 2
-            }, 1032, ["command", "disabled", "divided", "class"]))), 128))
-          ]),
-          _: 3
-        })
+      index: t.item.id
+    }, {
+      title: _(() => [
+        x("div", null, [
+          y(d(k), {
+            icon: s(t.item.icon)
+          }, null, 8, ["icon"]),
+          x("span", null, w(t.item.title), 1)
+        ])
       ]),
-      default: v(() => [
-        E(s(ye), {
-          class: D({ "is-disabled": s(r) }),
-          label: n.label,
-          icon: s(o),
-          badge: s(l),
-          tooltip: s(a),
-          onClick: s(i)
-        }, K({ _: 2 }, [
-          f.$slots.default ? {
-            name: "default",
-            fn: v(() => [
-              C(f.$slots, "default")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "label", "icon", "badge", "tooltip", "onClick"])
+      default: _(() => [
+        (f(!0), M(O, null, R(r(t.item.children), (i) => (f(), g(d(T), { item: i }, null, 8, ["item"]))), 256))
       ]),
-      _: 3
-    }, 16, ["disabled", "onCommand"])) : (p(), y(s(ye), {
+      _: 1
+    }, 8, ["index"])) : (f(), g(d(te), D({
       key: 1,
-      class: D(["x-tool", { "is-disabled": s(r) }]),
-      label: n.label,
-      icon: s(o),
-      badge: s(l),
-      tooltip: s(a),
-      onClick: s(i)
-    }, K({ _: 2 }, [
-      f.$slots.default ? {
-        name: "default",
-        fn: v(() => [
-          C(f.$slots, "default")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["class", "label", "icon", "badge", "tooltip", "onClick"]));
+      index: t.item.id
+    }, t.item), {
+      default: _(() => [
+        y(d(k), {
+          icon: s(t.item.icon)
+        }, null, 8, ["icon"]),
+        x("span", null, w(t.item.title), 1)
+      ]),
+      _: 1
+    }, 16, ["index"]));
   }
-}), A = $(Jt), eo = {
-  type: {
-    type: String,
-    default: "default"
-  },
-  icon: {
-    type: Object,
-    default: () => ({
-      icon: xt
-    })
-  },
-  tooltip: {
-    type: String
-  },
-  url: {
-    type: String
-  },
-  // code: {
-  //   type: String
-  // },
-  // api: {
-  //   type: Function as PropType<HelpApi>
-  // },
-  openType: {
-    type: String,
-    default: "dialog"
-  },
-  dialog: {
-    type: Object
+}), H = /* @__PURE__ */ b({
+  name: "XMenu",
+  __name: "Menu",
+  props: {
+    data: { default: () => [] },
+    mode: {},
+    defaultActive: {},
+    defaultOpeneds: {},
+    uniqueOpened: { type: Boolean },
+    router: { type: Boolean },
+    menuTrigger: {},
+    collapse: { type: Boolean },
+    backgroundColor: {},
+    textColor: {},
+    activeTextColor: {},
+    collapseTransition: { type: Boolean },
+    ellipsis: { type: Boolean },
+    popperEffect: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: t }) {
+    const n = e, s = S(() => n.data.filter((o) => !o.hidden)), r = (o, i) => {
+      const u = (a, c = []) => {
+        for (const m of c) {
+          if (m.id === a)
+            return m;
+          if (m.children?.length) {
+            const p = u(a, m.children);
+            if (p)
+              return p;
+          }
+        }
+      };
+      return u(i, o);
+    }, l = (o) => {
+      const i = r(s.value, o);
+      i && t("select", i);
+    };
+    return (o, i) => (f(), g(d(ne), D({ class: "x-menu" }, n, { onSelect: l }), {
+      default: _(() => [
+        (f(!0), M(O, null, R(s.value, (u) => (f(), g(d(T), { item: u }, null, 8, ["item"]))), 256))
+      ]),
+      _: 1
+    }, 16));
   }
-}, to = {
-  open: () => !0
-};
-function oo(e) {
-  const t = {
-    default: "#909399",
-    primary: "#409eff",
-    success: "#67c23a",
-    warning: "#e6a23c",
-    danger: "#f56c6c"
-  };
-  return g(() => ({
-    ...e.icon,
-    color: t[e.type ?? "default"]
-  }));
-}
-function no(e) {
-  return {
-    openDialog: (n) => {
-      if (!n)
-        return;
-      const o = typeof n == "string" ? { src: n } : { content: M("div", { class: "x-help__inner" }, n()) };
-      Me.create({
-        ...o,
-        title: "帮助",
-        icon: e.icon,
-        bodyPadding: !1,
-        footer: !1,
-        ...e.dialog
-      });
-    }
-  };
-}
-function lo(e, t, n, o) {
-  const { openDialog: l } = no(e), a = n?.proxy?.$router;
-  return {
-    onClick: () => {
-      switch (t("open"), e.openType) {
-        case "dialog":
-          l(e.url || o.default);
-          break;
-        case "window":
-          e.url && window.open(e.url);
-          break;
-        case "href":
-          e.url && (location.href = e.url);
-          break;
-        case "router":
-          e.url && a && a.push(e.url);
-          break;
+}), Se = { class: "x-simple-mask__brand" }, xe = { class: "x-simple-mask__aciton" }, Ie = /* @__PURE__ */ b({
+  name: "XSimpleMask",
+  __name: "SimpleMask",
+  props: {
+    project: { default: () => ({
+      name: "Logo",
+      home: "/"
+    }) },
+    menu: {}
+  },
+  setup(e, { expose: t }) {
+    const n = e, s = ae(), r = ue(), l = S(() => r.params.id), o = () => {
+      const u = n.project.home;
+      u && s.push(u);
+    }, i = (u) => {
+      const a = u?.id;
+      if (a) {
+        const c = `${n.project.page}/${a}`;
+        s.push(c);
       }
-    }
-  };
-}
-const so = /* @__PURE__ */ x({
-  name: "XHelp",
-  inheritAttrs: !1,
-  __name: "Help",
-  props: eo,
-  emits: to,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = I(), a = Be(), r = oo(o), { onClick: i } = lo(o, n, l, a);
-    return console.log(a), t({}), (m, u) => (p(), y(s(A), _({
-      icon: s(r),
-      tooltip: o.tooltip,
-      onClick: s(i)
-    }, m.$attrs), null, 16, ["icon", "tooltip", "onClick"]));
-  }
-}), Xe = $(so), ro = {
-  title: {
-    type: String
-  },
-  icon: {
-    type: [String, Object]
-  },
-  shadow: {
-    type: String,
-    default: "none"
-  },
-  small: {
-    type: Boolean,
-    default: !1
-  },
-  toolbar: {
-    type: Object
-  },
-  header: {
-    type: [Boolean, Object],
-    default: !0
-  },
-  body: {
-    type: Object
-  },
-  footer: {
-    type: [Boolean, Object],
-    default: !0
-  }
-}, ao = {
-  toolClick: (e) => !0,
-  toolCommand: (e, t) => !0,
-  toolClose: (e, t) => !0
-}, io = { class: "x-panel__title" }, co = { class: "x-panel__label" }, uo = /* @__PURE__ */ x({
-  name: "XPanel",
-  __name: "Panel",
-  props: ro,
-  emits: ao,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = J(o.icon), a = I(), r = g(() => a?.proxy), i = g(() => ({
-      "is-small": o.small,
-      [`is-shadow-${o.shadow}`]: !!o.shadow
-    })), m = (c) => {
-      n("toolClick", c);
-    }, u = (c, d) => {
-      n("toolCommand", c, d);
-    }, f = (c, d) => {
-      n("toolClose", c, d);
     };
-    return t({ panel: r }), (c, d) => (p(), y(s(j), {
-      class: D(["x-panel", i.value]),
-      padding: !1
-    }, {
-      default: v(() => [
-        o.header !== !1 ? (p(), y(s(j), _({
-          key: 0,
-          class: "x-panel__header",
-          direction: "row",
-          justify: "between",
-          align: "center",
-          grow: !1,
-          overflow: "visible",
-          background: ""
-        }, o.header), {
-          default: v(() => [
-            C(c.$slots, "header", {}, () => [
-              V("div", io, [
-                s(l) ? (p(), y(s(N), _({ key: 0 }, s(l), { class: "x-panel__icon" }), null, 16)) : w("", !0),
-                C(c.$slots, "title", {}, () => [
-                  V("span", co, X(o.title), 1)
+    return t({
+      goHome: o
+    }), (u, a) => (f(), g(d(A), { class: "x-simple-mask" }, {
+      default: _(() => [
+        y(d(se), { class: "x-simple-mask__header" }, {
+          default: _(() => [
+            x("div", Se, [
+              x("span", {
+                class: "x-simple-mask__logo",
+                onClick: o
+              }, [
+                I(u.$slots, "logo", {}, () => [
+                  q(w(n.project.name), 1)
                 ])
               ])
             ]),
-            o.toolbar ? (p(), y(s(Fe), _({ key: 0 }, o.toolbar, {
-              padding: !1,
-              overflow: "visible",
-              class: "x-panel__toolbar",
-              onClick: m,
-              onCommand: u,
-              onClose: f
-            }), null, 16)) : w("", !0)
-          ]),
-          _: 3
-        }, 16)) : w("", !0),
-        E(s(j), _({ flex: !1 }, o.body, { class: "x-panel__body" }), {
-          default: v(() => [
-            C(c.$slots, "default")
-          ]),
-          _: 3
-        }, 16),
-        o.footer !== !1 && c.$slots.footer ? (p(), y(s(j), _({
-          key: 1,
-          class: "x-panel__footer",
-          grow: !1,
-          direction: "row"
-        }, o.footer), {
-          default: v(() => [
-            C(c.$slots, "footer")
-          ]),
-          _: 3
-        }, 16)) : w("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), Ne = $(uo), fo = {
-  type: {
-    type: String,
-    defualt: "p"
-  },
-  // 缩进
-  indent: {
-    type: Boolean,
-    default: !1
-  },
-  // 次要内容
-  secondary: {
-    type: Boolean
-  },
-  // 占位内容
-  placeholder: {
-    type: Boolean
-  },
-  // 禁用
-  disabled: {
-    type: Boolean
-  }
-}, mo = {
-  //   eventName: (param: any) => true
-}, po = /* @__PURE__ */ x({
-  name: "XText",
-  __name: "Text",
-  props: fo,
-  emits: mo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = g(() => o.type || "p"), a = g(() => ({
-      [`is-type-${o.type}`]: !!o.type,
-      "is-indent": o.indent,
-      "is-secondary": o.secondary,
-      "is-placeholder": o.placeholder,
-      "is-disabled": o.disabled
-    }));
-    return t({}), (r, i) => (p(), y(q(l.value), {
-      class: D(["x-text", a.value])
-    }, {
-      default: v(() => [
-        C(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), go = $(po), bo = {
-  // 按钮模式
-  button: {
-    type: [Boolean, Object]
-  },
-  // 工具按钮项
-  items: {
-    type: Array,
-    default: () => []
-  },
-  // disabled时隐藏工具
-  hiddenOnDisabled: {
-    type: Boolean
-  }
-}, yo = {
-  click: (e) => !0,
-  command: (e, t) => !0,
-  close: (e, t) => !0
-};
-function ve(e) {
-  return typeof e == "function" ? e() : e;
-}
-function vo(e) {
-  const t = (l, a) => {
-    const r = a ?? l.disabled, i = {
-      ...typeof e.button == "object" ? e.button : {},
-      ...l,
-      icon: vn(l.icon),
-      disabled: ve(r)
-    };
-    return Y(i, [
-      "menus",
-      "label",
-      "value",
-      "badge",
-      "tooltip",
-      "divided",
-      "children"
-    ]);
-  }, n = (l) => Y(l, ["children", "divided"]), o = g(() => e.hiddenOnDisabled ? (e.items || []).filter((l) => !ve(l.disabled)) : e.items);
-  return {
-    mergeButtonProps: t,
-    mergeToolProps: n,
-    visibleItems: o
-  };
-}
-function ho(e, t) {
-  return {
-    onClick: (a) => {
-      t("click", a);
-    },
-    onCommand: (a, r) => {
-      t("command", a, r);
-    },
-    onClose: (a, r) => {
-      t("close", a, r);
-    }
-  };
-}
-const _o = /* @__PURE__ */ x({
-  name: "XToolbar",
-  __name: "Toolbar",
-  props: bo,
-  emits: yo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, { mergeButtonProps: l, mergeToolProps: a, visibleItems: r } = vo(o), { onClick: i, onCommand: m, onClose: u } = ho(o, n);
-    return t({}), (f, c) => (p(), y(s(j), {
-      class: "x-toolbar",
-      direction: "row",
-      grow: !1,
-      align: "center"
-    }, {
-      default: v(() => [
-        (p(!0), P(R, null, U(s(r), (d) => (p(), P(R, null, [
-          d.divided ? (p(), y(s(ft), {
-            key: 0,
-            class: "x-toolbar__divider",
-            direction: "vertical"
-          })) : w("", !0),
-          d.slot ? (p(), y(s(A), _({ key: 1 }, s(a)(d), {
-            onClick: s(i),
-            onCommand: (b) => s(m)(d.value, b),
-            onClose: (b) => s(u)(d.value, b)
-          }), {
-            default: v(() => [
-              C(f.$slots, d.slot, { item: d })
-            ]),
-            _: 2
-          }, 1040, ["onClick", "onCommand", "onClose"])) : o.button ? (p(), y(s(A), _({ key: 2 }, s(a)(d), {
-            onCommand: (b) => s(m)(d.value, b),
-            onClose: (b) => s(u)(d.value, b)
-          }), {
-            default: v(() => [
-              d.children?.length ? (p(), y(s(mt), se(_({ key: 0 }, o.button)), {
-                default: v(() => [
-                  (p(!0), P(R, null, U(d.children, (b) => (p(), y(s(L), _(s(l)(b, d.disabled), {
-                    onClick: (k) => s(i)(b.value)
-                  }), {
-                    default: v(() => [
-                      T(X(b.label), 1)
-                    ]),
-                    _: 2
-                  }, 1040, ["onClick"]))), 256))
-                ]),
-                _: 2
-              }, 1040)) : (p(), y(s(L), _({ key: 1 }, s(l)(d), {
-                onClick: (b) => s(i)(d.value)
-              }), {
-                default: v(() => [
-                  T(X(d.label), 1)
-                ]),
-                _: 2
-              }, 1040, ["onClick"]))
-            ]),
-            _: 2
-          }, 1040, ["onCommand", "onClose"])) : (p(), y(s(A), _({ key: 3 }, s(a)(d), {
-            onClick: s(i),
-            onCommand: (b) => s(m)(d.value, b),
-            onClose: (b) => s(u)(d.value, b)
-          }), null, 16, ["onClick", "onCommand", "onClose"]))
-        ], 64))), 256))
-      ]),
-      _: 3
-    }));
-  }
-}), Fe = $(_o), he = Symbol("close"), _e = Symbol("maximizable"), Ce = Symbol("minimizable"), we = Symbol("popup"), Co = Symbol("DialogContextKey"), ae = S(1e3), wo = {
-  modelValue: {
-    type: Boolean,
-    default: !0
-  },
-  width: {
-    type: [Number, String],
-    default: "80%"
-  },
-  height: {
-    type: [Number, String],
-    default: "80%"
-  },
-  // 自动根据浏览器窗口调整窗口位置和尺寸，当draggable和resizable为false才有效
-  autoFit: {
-    type: Boolean,
-    default: !0
-  },
-  modal: {
-    type: Boolean,
-    default: !0
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: [String, Object]
-  },
-  small: {
-    type: Boolean
-  },
-  draggable: {
-    type: [Boolean, Object],
-    default: !0
-  },
-  resizable: {
-    type: [Boolean, Object],
-    default: !0
-  },
-  footer: {
-    type: Boolean,
-    default: !0
-  },
-  closable: {
-    type: Boolean,
-    default: !0
-  },
-  maximizable: {
-    type: Boolean,
-    default: !0
-  },
-  minimizable: {
-    type: Boolean,
-    default: !0
-  },
-  tools: {
-    type: Array,
-    default: () => []
-  },
-  closeOnClickModal: {
-    type: Boolean
-  },
-  confirmText: {
-    type: [Boolean, String],
-    default: "确定"
-  },
-  confirm: {
-    type: Function
-  },
-  cancelText: {
-    type: [Boolean, String],
-    default: "取消"
-  },
-  cancel: {
-    type: Function
-  },
-  beforeClose: {
-    type: Function
-  },
-  src: {
-    type: String
-  },
-  content: {
-    type: Object
-  },
-  zIndex: {
-    type: Number,
-    default() {
-      return ++ae.value;
-    }
-  },
-  bodyPadding: {
-    type: Boolean,
-    default: !0
-  },
-  theme: {
-    type: String,
-    default: "newpearl"
-  }
-}, xo = {
-  dragStart: (e) => !0,
-  dragEnd: (e) => !0,
-  dragging: (e) => !0,
-  resizeStart: (e) => !0,
-  resizeEnd: (e) => !0,
-  resizing: (e) => !0,
-  "update:modelValue": (e) => !0,
-  toolClick: (e) => !0,
-  toolCommand: (e, t) => !0,
-  toolClose: (e, t) => !0,
-  open: () => !0,
-  show: () => !0,
-  close: () => !0,
-  hide: () => !0,
-  maximized: () => !0,
-  restore: () => !0,
-  stateChange: (e) => !0,
-  confirm: () => !0,
-  cancel: () => !0
-};
-function ko(e) {
-  const t = S(), n = S(), o = g(() => e.draggable ? {
-    ...typeof e.draggable == "object" ? e.draggable : {},
-    selector: ".x-panel__header",
-    wrapper: t
-  } : void 0), l = g(() => e.resizable ? {
-    minWidth: 100,
-    minHeight: 100,
-    ...typeof e.resizable == "object" ? e.resizable : {}
-  } : void 0), a = g(() => e.small ? "small" : "default"), r = g(() => n.value?.$el);
-  return {
-    wrapperRef: t,
-    dialogRef: n,
-    draggable: o,
-    resizable: l,
-    buttonSize: a,
-    dialogElRef: r
-  };
-}
-function So(e, t, n) {
-  const o = Je(e, "modelValue"), l = et({
-    maximized: !1,
-    minimized: !1,
-    visible: !!o.value,
-    width: 0,
-    height: 0,
-    left: 0,
-    top: 0,
-    zIndex: e.zIndex ?? 1
-  }), { width: a, height: r, update: i } = re(n), { maximized: m, minimized: u, visible: f } = tt(l), c = () => {
-    i(), l.width = be(e.width, a.value), l.height = be(e.height, r.value), l.left = (a.value - l.width) / 2, l.top = Math.max((r.value - l.height) / 2, 0);
-  };
-  O(n, c), O([a, r], () => {
-    e.autoFit && !e.draggable && !e.resizable && c();
-  }), O(l, () => {
-    t("update:modelValue", l.visible), t("stateChange", l);
-  }), O(f, (h) => {
-    h ? (t("open"), l.zIndex = ++ae.value) : t("close");
-  }), O(m, (h) => t(h ? "maximized" : "restore")), O(u, (h) => t(h ? "hide" : "show")), O(o, (h) => l.visible = !!h);
-  const d = () => l.minimized = !0, b = async () => {
-    (!e.beforeClose || await e.beforeClose()) && (l.visible = !1);
-  }, k = () => {
-    l.minimized = !1, l.visible = !0;
-  };
-  return Q(() => {
-    f.value && t("open");
-  }), {
-    state: l,
-    show: k,
-    hide: d,
-    close: b
-  };
-}
-function $o(e, t, n, o) {
-  const l = g(() => ({
-    width: `${t.width}px`,
-    height: `${t.height}px`,
-    left: `${t.left}px`,
-    top: `${t.top}px`
-  })), a = g(() => ({
-    "is-draggable": !!e.draggable,
-    "is-resizable": !!e.resizable,
-    "is-maximized": t.maximized,
-    "is-resizing": n.value,
-    "is-dragging": o.value,
-    [`is-theme-${e.theme}`]: !!e.theme
-  })), r = g(() => ({
-    zIndex: t.zIndex
-  }));
-  return {
-    dialogStyle: l,
-    dialogClass: a,
-    wrapperStyle: r
-  };
-}
-function zo(e, t, n, o, l) {
-  const a = () => t("resizeStart", l), r = () => t("resizeEnd", l), i = () => t("resizing", l), { direction: m, left: u, top: f, height: c, width: d, update: b, resizing: k } = wn(n, {
-    ...s(o),
-    onStart: a,
-    onEnd: r,
-    onResizing: i
-  });
-  return O([u, f, c, d], ([h, z, F, B]) => {
-    !e.resizable || l.minimized || l.maximized || (l.left = h, l.top = z, l.height = F, l.width = B);
-  }), {
-    direction: m,
-    update: b,
-    resizing: k
-  };
-}
-function Eo(e, t, n, o, l, a) {
-  const r = () => t("dragStart", l), i = () => {
-    a(), t("dragEnd", l);
-  }, m = () => t("dragging", l), { x: u, y: f, isDragging: c } = hn(n, {
-    ...s(o),
-    onStart: r,
-    onEnd: i,
-    onMove: m
-  });
-  return O([u, f], () => {
-    !e.draggable || l.minimized || l.maximized || (l.left = u.value, l.top = f.value);
-  }), {
-    x: u,
-    y: f,
-    isDragging: c
-  };
-}
-function Bo(e, t, n, o) {
-  const l = g(() => [
-    ...e.tools || [],
-    {
-      value: Ce,
-      icon: $t,
-      disabled: !e.minimizable
-    },
-    {
-      value: _e,
-      icon: zt,
-      disabled: !e.maximizable || n.maximized
-    },
-    {
-      value: we,
-      icon: Et,
-      disabled: !e.maximizable || !n.maximized
-    },
-    {
-      value: he,
-      icon: Bt,
-      disabled: !e.closable
-    }
-  ]), a = (m) => {
-    switch (m) {
-      case he:
-        o();
-        break;
-      case _e:
-        n.maximized = !0;
-        break;
-      case we:
-        n.maximized = !1;
-        break;
-      case Ce:
-        n.minimized = !0;
-        break;
-      default:
-        t("toolClick", m);
-        break;
-    }
-  }, r = (m, u) => {
-    t("toolCommand", m, u);
-  }, i = (m, u) => {
-    t("toolClose", m, u);
-  };
-  return g(() => ({
-    hiddenOnDisabled: !0,
-    items: l.value,
-    onClick: a,
-    onCommand: r,
-    onClose: i
-  }));
-}
-function Oo(e, t, n) {
-  return {
-    onModalClick: () => {
-      e.closeOnClickModal && n();
-    },
-    onDialogClick: () => {
-      t.zIndex = ++ae.value;
-    }
-  };
-}
-function jo(e, t, n, o) {
-  const l = S(!1), a = S(!1);
-  return {
-    onConfirmClick: async () => {
-      t("confirm"), l.value = !0, (!e.confirm || await e.confirm()) && (l.value = !1, o());
-    },
-    onCancelClick: async () => {
-      t("cancel"), a.value = !0, (!e.cancel || await e.cancel()) && (a.value = !1, o());
-    },
-    confirmLoading: l,
-    cancelLoading: a
-  };
-}
-const Po = ["src"], Io = { class: "x-dialog__extra" }, Do = { class: "x-dialog__action" }, Re = /* @__PURE__ */ x({
-  name: "XDialog",
-  inheritAttrs: !1,
-  __name: "Dialog",
-  props: wo,
-  emits: xo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, { wrapperRef: l, dialogRef: a, draggable: r, resizable: i, buttonSize: m, dialogElRef: u } = ko(o), { state: f, show: c, hide: d, close: b } = So(o, n, l), { update: k, resizing: h } = zo(
-      o,
-      n,
-      u,
-      i,
-      f
-    ), { isDragging: z } = Eo(
-      o,
-      n,
-      u,
-      r,
-      f,
-      k
-    ), F = Bo(o, n, f, b), { onConfirmClick: B, onCancelClick: ie, confirmLoading: W, cancelLoading: ee } = jo(o, n, f, b), { dialogClass: Ge, dialogStyle: Ke, wrapperStyle: Ye } = $o(
-      o,
-      f,
-      h,
-      z
-    ), { onModalClick: ce, onDialogClick: Ze } = Oo(o, f, b), ue = I();
-    return ne(Co, ue), t({
-      instance: ue,
-      isDragging: z,
-      resizing: h,
-      state: f,
-      show: c,
-      hide: d,
-      close: b
-    }), (H, de) => s(f).visible ? (p(), y(ot, {
-      key: 0,
-      to: "body"
-    }, [
-      nt(V("div", _({
-        ref_key: "wrapperRef",
-        ref: l,
-        class: "x-dialog__wrapper",
-        style: s(Ye)
-      }, H.$attrs), [
-        o.modal ? (p(), P("div", {
-          key: 0,
-          onClick: de[0] || (de[0] = Ee(
-            //@ts-ignore
-            (...qe) => s(ce) && s(ce)(...qe),
-            ["stop"]
-          )),
-          class: "x-dialog__modal"
-        })) : w("", !0),
-        E(s(Ne), {
-          ref_key: "dialogRef",
-          ref: a,
-          class: D(["x-dialog", s(Ge)]),
-          style: le(s(Ke)),
-          title: o.title,
-          icon: o.icon,
-          small: o.small,
-          toolbar: s(F),
-          border: "",
-          radius: "",
-          shadow: "always",
-          overflow: "hidden",
-          body: { padding: H.bodyPadding, flex: !!o.src },
-          footer: { justify: "between", align: "center" },
-          onMousedown: s(Ze)
-        }, K({
-          default: v(() => [
-            C(H.$slots, "default", {}, () => [
-              o.content ? (p(), y(q(o.content), { key: 0 })) : w("", !0),
-              o.src ? (p(), P("iframe", {
-                key: 1,
-                src: o.src,
-                border: "0",
-                class: "x-dialog__frame"
-              }, null, 8, Po)) : w("", !0)
+            x("div", xe, [
+              I(u.$slots, "action")
             ])
           ]),
-          _: 2
-        }, [
-          o.footer ? {
-            name: "footer",
-            fn: v(() => [
-              V("div", Io, [
-                C(H.$slots, "extra")
+          _: 3
+        }),
+        y(d(A), null, {
+          default: _(() => [
+            y(d(oe), { class: "x-simple-mask__aside" }, {
+              default: _(() => [
+                y(d(H), D(n.menu, {
+                  "default-active": l.value,
+                  onSelect: i
+                }), null, 16, ["default-active"])
               ]),
-              V("div", Do, [
-                C(H.$slots, "action"),
-                o.cancelText ? (p(), y(s(L), {
-                  key: 0,
-                  type: "default",
-                  loading: s(ee),
-                  icon: s(Pe),
-                  size: s(m),
-                  onClick: s(ie)
-                }, {
-                  default: v(() => [
-                    T(X(o.cancelText), 1)
-                  ]),
-                  _: 1
-                }, 8, ["loading", "icon", "size", "onClick"])) : w("", !0),
-                o.confirmText ? (p(), y(s(L), {
-                  key: 1,
-                  type: "primary",
-                  icon: s(Ie),
-                  loading: s(W),
-                  size: s(m),
-                  onClick: s(B)
-                }, {
-                  default: v(() => [
-                    T(X(o.confirmText), 1)
-                  ]),
-                  _: 1
-                }, 8, ["icon", "loading", "size", "onClick"])) : w("", !0)
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "style", "title", "icon", "small", "toolbar", "body", "onMousedown"])
-      ], 16), [
-        [lt, !s(f).minimized]
-      ])
-    ])) : w("", !0);
-  }
-});
-function Ae(e = {}, t) {
-  const n = document.createElement("div"), o = E(Re, e);
-  return o.appContext = t ?? Ae._context, fe(o, n), document.body.appendChild(n), o.props.onDestroy = () => {
-    fe(null, n), n.parentNode?.removeChild(n);
-  }, o;
-}
-const To = jt(Ae, "$dialog"), Me = $(Re, { create: To }), Vo = {
-  position: {
-    type: String,
-    default: "bottom"
-  },
-  fixed: {
-    type: Object
-  },
-  body: {
-    type: Object
-  }
-}, Xo = {
-  //   eventName: (param: any) => true
-}, No = /* @__PURE__ */ x({
-  name: "XWrapper",
-  __name: "Wrapper",
-  props: Vo,
-  emits: Xo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = I(), a = S(), r = S(0), i = S(), m = () => {
-      i.value = l?.proxy?.$el;
-      const c = a.value?.$el;
-      c && (r.value = c.getBoundingClientRect().height);
-    }, u = g(() => ({
-      [`is-fixed-${o.position}`]: !!o.position
-    })), f = g(() => o.position === "none" ? null : o.position === "top" ? {
-      paddingTop: `${r.value}px`
-    } : {
-      paddingBottom: `${r.value}px`
-    });
-    return Q(m), t({}), (c, d) => (p(), y(s(j), _({
-      fit: "",
-      padding: !1,
-      class: ["x-wrapper", u.value]
-    }, c.$attrs), {
-      default: v(() => [
-        E(s(j), _({
-          flex: !1,
-          grow: c.position !== "none",
-          class: ["x-wrapper__body", u.value],
-          style: f.value
-        }, o.body), {
-          default: v(() => [
-            C(c.$slots, "default")
+              _: 1
+            }),
+            y(d(le), { class: "x-simple-mask__main" }, {
+              default: _(() => [
+                I(u.$slots, "default", {}, () => [
+                  y(d(ie))
+                ])
+              ]),
+              _: 3
+            })
           ]),
           _: 3
-        }, 16, ["grow", "class", "style"]),
-        c.$slots.fixed ? (p(), y(s(j), _({
+        }),
+        u.$slots.footer ? (f(), g(d(re), {
           key: 0,
-          ref_key: "fixed",
-          ref: a,
-          grow: !1,
-          direction: "row",
-          justify: "end",
-          overflow: "visible",
-          class: ["x-wrapper__fixed", u.value]
-        }, o.fixed), {
-          default: v(() => [
-            C(c.$slots, "fixed")
+          class: "x-simple-mask__footer",
+          height: "40px"
+        }, {
+          default: _(() => [
+            I(u.$slots, "footer")
           ]),
           _: 3
-        }, 16, ["class"])) : w("", !0)
+        })) : N("", !0)
       ]),
       _: 3
-    }, 16, ["class"]));
-  }
-}), Le = $(No), Fo = {
-  items: {
-    type: [Number, Array]
-  },
-  columns: {
-    type: [Number, Object]
-  },
-  row: {
-    type: Object
-  },
-  col: {
-    type: Object
-  },
-  border: {
-    type: Boolean
-  }
-}, Ro = {
-  //   eventName: (param: any) => true
-}, Ao = /* @__PURE__ */ x({
-  name: "XContainer",
-  __name: "Container",
-  props: Fo,
-  emits: Ro,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = g(() => ({
-      ...o.row
-    })), a = g(() => typeof o.columns == "number" ? {
-      span: Math.ceil(24 / o.columns)
-    } : Object.entries(o.columns).reduce(
-      (i, [m, u]) => (i[m] = {
-        span: Math.ceil(24 / u)
-      }, i),
-      {}
-    )), r = g(() => ({
-      ...a.value,
-      ...o.col
     }));
-    return t({}), (i, m) => (p(), y(s(j), {
-      class: D(["x-container", { "is-split-border": o.border }]),
-      border: o.border,
-      flex: !1,
-      grow: !1
-    }, {
-      default: v(() => [
-        E(s(pt), _({ class: "x-container__row" }, l.value), {
-          default: v(() => [
-            (p(!0), P(R, null, U(o.items, (u) => (p(), y(s(gt), _({
-              class: ["x-container__col", { "is-split": o.border }]
-            }, r.value), {
-              default: v(() => [
-                C(i.$slots, "default", { item: u })
-              ]),
-              _: 2
-            }, 1040, ["class"]))), 256))
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 8, ["class", "border"]));
-  }
-}), Mo = $(Ao), Lo = {
-  ...bt,
-  prop: {
-    type: String
-  },
-  // 错误提示图标样式，用来自定义显示位置
-  iconStyle: {
-    type: Object
-  },
-  // 定义输入组件
-  setter: {
-    type: [String, Object]
-  },
-  // 双向绑定输入组件
-  modelValue: {
-    type: [String, Number, Boolean, Object, Array],
-    default: ""
-  },
-  width: {
-    type: String
-  },
-  help: {
-    type: Object
-  }
-}, Wo = {
-  "update:modelValue": (e) => !0,
-  change: (e) => !0,
-  focus: (e) => !0,
-  blur: (e) => !0
-};
-function We(e) {
-  return x({
-    name: e.name,
-    props: {
-      modelValue: {
-        type: String,
-        ...e.modelValue
-      },
-      loader: {
-        type: [Array, Function]
-      },
-      auto: {
-        type: Boolean,
-        default: !0
-      },
-      ref: {
-        type: String,
-        default: "setter"
-      }
-    },
-    data() {
-      return {
-        options: []
-      };
-    },
-    methods: {
-      focus() {
-        this.$refs[this.ref]?.focus();
-      },
-      blur() {
-        this.$refs[this.ref]?.blur();
-      },
-      async load() {
-        this.options = typeof this.loader == "function" ? await this.loader() : this.loader ?? [];
-      }
-    },
-    watch: {
-      loader: {
-        immediate: !0,
-        handler(t) {
-          this.auto && this.load();
-        }
-      }
-    },
-    render() {
-      return e.createVNode ? e.createVNode(this) : null;
-    }
-  });
-}
-const Ho = We({
-  name: "InputSetter",
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  createVNode({ $props: e, $attrs: t }) {
-    return M(yt, {
-      ...e,
-      ...t
-    });
-  }
-}), Uo = We({
-  name: "SelectSetter",
-  modelValue: {
-    type: [String, Number, Boolean, Object, Array],
-    default: ""
-  },
-  createVNode({ $props: e, $attrs: t, options: n }) {
-    const { modelValue: o = "" } = e, l = n.map(({ label: a, value: r, disabled: i }) => M(vt, { label: a, value: r, disabled: i }));
-    return M(
-      ht,
-      {
-        modelValue: o,
-        ...t
-      },
-      {
-        default: () => l
-      }
-    );
-  }
-}), xe = {
-  InputSetter: Ho,
-  SelectSetter: Uo
-};
-function Go(e) {
-  const t = I(), n = S(), o = g(() => e.iconStyle ?? {
-    left: `${n.value}px`
-  }), l = S(), { width: a, height: r } = De(l), i = () => {
-    if (l.value = t?.proxy?.$el, l.value) {
-      const m = l.value.querySelector("input"), u = l.value.querySelector(".el-input__prefix"), f = m?.getBoundingClientRect(), c = u?.getBoundingClientRect();
-      n.value = f ? f.width + (c?.width || 0) - 6 : void 0;
-    }
-  };
-  return st(i), Q(i), O([a, r], i), {
-    left: n,
-    style: o
-  };
-}
-function Ko(e, t) {
-  const n = S(), o = g(() => {
-    if (!e.setter)
-      return null;
-    if (typeof e.setter == "string")
-      return xe[e.setter];
-    if (G(e.setter))
-      return e.setter;
-    {
-      const c = e.setter.name;
-      return typeof c == "string" ? xe[c] : c;
-    }
-  }), l = (c) => {
-    t("update:modelValue", c), t("change", c);
-  }, a = () => {
-    t("focus", e);
-  }, r = () => {
-    t("blur", e);
-  }, i = g(() => {
-    const c = {
-      modelValue: e.modelValue,
-      "onUpdate:modelValue": l,
-      onFocus: a,
-      onBlur: r
-    };
-    if (!e.setter || G(e.setter))
-      return c;
-    if (typeof e.setter == "string")
-      return {};
-    {
-      const { props: d, loader: b, auto: k } = e.setter;
-      return {
-        ...d,
-        ...c,
-        loader: b,
-        auto: k
-      };
-    }
-  });
-  return {
-    setter: o,
-    setterProps: i,
-    setterRef: n,
-    focus: () => {
-      const c = n.value?.focus;
-      c ? c() : console.warn("setter无实现focus方法");
-    },
-    blur: () => {
-      const c = n.value?.blur;
-      c ? c() : console.warn("setter无实现blur方法");
-    },
-    load: async () => {
-      const c = n.value?.load;
-      c ? await c() : console.warn("setter无实现focus方法");
-    }
-  };
-}
-function Yo(e, t) {
-  const n = I()?.proxy, o = Oe(Ue, null), l = Y(e, ["modelValue", "setter", "iconStyle", "help"]), a = g(() => e.width ? {
-    width: e.width
-  } : null), r = g(() => ({
-    "is-has-extra": !!e.help || !!t.extra
-  }));
-  return Q(() => {
-    o?.$.exposed?.addField(n);
-  }), je(() => {
-    o?.$.exposed?.removeField(n);
-  }), {
-    itemProps: l,
-    itemStyle: a,
-    itemClass: r
-  };
-}
-const Zo = /* @__PURE__ */ x({
-  name: "XField",
-  __name: "Field",
-  props: Lo,
-  emits: Wo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = Be(), a = S(), { style: r } = Go(o), { setter: i, setterProps: m, setterRef: u, focus: f, blur: c, load: d } = Ko(
-      o,
-      n
-    ), { itemProps: b, itemStyle: k, itemClass: h } = Yo(o, l);
-    return t({
-      item: a,
-      setterRef: u,
-      focus: f,
-      blur: c,
-      load: d
-    }), (z, F) => (p(), y(s(_t), _({
-      ref_key: "item",
-      ref: a,
-      class: ["x-field", s(h)],
-      style: s(k)
-    }, s(b)), {
-      label: v(({ label: B }) => [
-        C(z.$slots, "label", { label: B })
-      ]),
-      error: v(({ error: B }) => [
-        C(z.$slots, "error", { error: B }, () => [
-          E(s(A), {
-            class: "x-field__error",
-            style: le(s(r)),
-            icon: s(kt),
-            tooltip: B
-          }, null, 8, ["style", "icon", "tooltip"])
-        ])
-      ]),
-      default: v(() => [
-        C(z.$slots, "default", {}, () => [
-          s(i) ? (p(), y(q(s(i)), _({
-            key: 0,
-            ref_key: "setterRef",
-            ref: u
-          }, s(m)), null, 16)) : w("", !0)
-        ]),
-        C(z.$slots, "extra", {}, () => [
-          o.help ? (p(), y(s(Xe), se(_({ key: 0 }, o.help)), null, 16)) : w("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class", "style"]));
   }
-}), He = $(Zo), Ue = Symbol("FormContextKey"), qo = {
-  wrapper: {
-    type: Object
-  },
-  // 启用fixed区块
-  fixed: {
-    type: Boolean,
-    default: !0
-  },
-  submitText: {
-    type: String,
-    default: "确定"
-  },
-  resetText: {
-    type: String,
-    default: "重置"
-  },
-  // 字段集
-  fields: {
-    type: Array
-  },
-  model: {
-    type: Object
-  },
-  submiting: {
-    type: Boolean
-  },
-  submit: {
-    type: Function
-  },
-  fieldWidth: {
-    type: String
-  },
-  labelWidth: {
-    type: String
-  }
-}, Qo = {
-  submit: (e) => !0,
-  error: (e) => !0,
-  reset: () => !0
-};
-function Jo(e) {
-  const t = S(), n = g(() => ze().size || "default"), o = g(() => e.model ?? {}), l = g(() => Te(
-    {
-      position: "none",
-      fixed: {
-        justify: "between"
-      }
-    },
-    e.wrapper
-  ));
-  return {
-    size: n,
-    wrapper: l,
-    form: t,
-    model: o
-  };
-}
-function en(e, t, n) {
-  const o = S(!1);
-  return {
-    onSubmit: async () => {
-      const r = await n.value?.validate().catch((i) => i);
-      r === !0 ? (e.submit && (o.value = !0, await e.submit(e.model), o.value = !1), t("submit", e.model)) : t("error", r);
-    },
-    onReset: () => {
-      n.value?.resetFields(), t("reset");
-    },
-    loading: o
-  };
-}
-function tn() {
-  const e = rt({}), t = (r) => {
-    const i = r.prop || r.$.uid.toString();
-    e[i] = r;
-  }, n = (r) => {
-    const i = r.prop || r.$.uid.toString();
-    delete e[i];
-  }, o = (r) => e[r].$.exposed;
-  return {
-    fields: e,
-    addField: t,
-    removeField: n,
-    focus: (r) => {
-      o(r)?.focus();
-    },
-    blur: (r) => {
-      o(r)?.blur();
-    },
-    getField: o
-  };
-}
-function on(e, t) {
-  const n = (o) => (o = o.replace(/[^\\x00-\\xff]/gi, "**"), o.length);
-  return g(() => {
-    let o = e.labelWidth;
-    if (o)
-      return o;
-    const l = Object.values(t);
-    return l.sort((r, i) => (i.label || "").length - (r.label || "").length), `${n(l[0]?.label || "") * 14}px`;
-  });
-}
-const nn = { class: "x-form__extra" }, ln = { class: "x-form__actions" }, sn = /* @__PURE__ */ x({
-  name: "XForm",
-  inheritAttrs: !1,
-  __name: "Form",
-  props: qo,
-  emits: Qo,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, { size: l, wrapper: a, form: r, model: i } = Jo(o), { onSubmit: m, onReset: u, loading: f } = en(o, n, r), { fields: c, addField: d, removeField: b, focus: k, blur: h, getField: z } = tn(), F = on(o, c);
-    return t({
-      form: r,
-      reset: u,
-      submit: m,
-      fields: c,
-      addField: d,
-      removeField: b,
-      focus: k,
-      blur: h,
-      getField: z
-    }), ne(Ue, I()?.proxy), (B, ie) => (p(), y(s(Le), _({ class: "x-form" }, s(a)), K({
-      default: v(() => [
-        E(s(Ct), _({
-          ref_key: "form",
-          ref: r,
-          model: o.model,
-          "label-width": s(F)
-        }, B.$attrs), {
-          default: v(() => [
-            C(B.$slots, "default", {}, () => [
-              (p(!0), P(R, null, U(o.fields, (W) => (p(), y(s(He), _({
-                width: o.fieldWidth
-              }, W, {
-                modelValue: s(i)[W.prop],
-                "onUpdate:modelValue": (ee) => s(i)[W.prop] = ee
-              }), null, 16, ["width", "modelValue", "onUpdate:modelValue"]))), 256))
-            ])
-          ]),
-          _: 3
-        }, 16, ["model", "label-width"])
-      ]),
-      _: 2
-    }, [
-      o.fixed ? {
-        name: "fixed",
-        fn: v(() => [
-          V("div", nn, [
-            C(B.$slots, "extra")
-          ]),
-          V("div", ln, [
-            C(B.$slots, "action"),
-            o.resetText ? (p(), y(s(L), {
-              key: 0,
-              type: "default",
-              icon: s(Pe),
-              size: s(l),
-              onClick: s(u)
-            }, {
-              default: v(() => [
-                T(X(o.resetText), 1)
-              ]),
-              _: 1
-            }, 8, ["icon", "size", "onClick"])) : w("", !0),
-            o.submitText ? (p(), y(s(L), {
-              key: 1,
-              type: "primary",
-              icon: s(Ie),
-              size: s(l),
-              loading: o.submiting || s(f),
-              onClick: s(m)
-            }, {
-              default: v(() => [
-                T(X(o.submitText), 1)
-              ]),
-              _: 1
-            }, 8, ["icon", "size", "loading", "onClick"])) : w("", !0)
-          ])
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040));
-  }
-}), rn = $(sn), an = {
-  //   prop: {
-  //     type: String as PropType<string>,
-  //     default: 'default'
-  //   }
-}, cn = {
-  //   eventName: (param: any) => true
-}, un = { class: "x-cron" }, dn = /* @__PURE__ */ x({
-  name: "XCron",
-  __name: "Cron",
-  props: an,
-  emits: cn,
-  setup(e, { expose: t, emit: n }) {
-    return t({}), (o, l) => (p(), P("div", un, "Cron"));
-  }
-}), fn = $(dn), ke = Symbol("INSTALLED_KEY"), Se = "is-dragging", $e = "is-resizing", mn = (e = []) => ({
-  install: (n, o) => {
-    n[ke] || (n[ke] = !0, e.forEach((l) => n.use(l)), o && Ve(o, n));
-  }
-}), pn = [
-  Dt,
-  Xt,
-  j,
-  Mt,
-  N,
-  A,
-  Ne,
-  go,
-  Fe,
-  Me,
-  Le,
-  Mo,
-  He,
-  rn,
-  Xe,
-  fn
-], Z = S({});
-function gn(e, t) {
-  const n = I() ? Oe(oe, Z) : Z;
-  return g(() => e ? n.value[e] ?? t : n);
-}
-function bn(e) {
-  Z.value = Te(s(Z), s(e));
-}
-function yn(e, t) {
-  return (...n) => {
-    const l = gn(e, t).value;
-    return typeof l == "function" ? l.apply(l, n) : l;
-  };
-}
-function J(e) {
-  return g(() => e ? typeof e == "string" || e.setup || e.render || G(e) ? {
+}), be = [_e, k, H, Ie];
+function Ee(e) {
+  return S(() => e ? typeof e == "string" || e.setup || e.render || K(e) ? {
     icon: e
   } : e : null);
 }
-function vn(e) {
-  const t = J(e);
-  return t.value ? x({ render: () => M(N, t.value) }) : null;
+function Re(e) {
+  const t = Ee(e);
+  return t.value ? b({ render: () => J(k, t.value) }) : null;
 }
-function hn(e, t = {}) {
-  const n = t.edge || 40, o = g(() => t.selector ? typeof t.selector == "string" ? s(e)?.querySelector(t.selector) : s(e) : null), l = g(() => s(t.wrapper)), { x: a, y: r, isDragging: i } = St(e, {
+function Ve(e, t = {}) {
+  const n = t.edge || 40, s = S(() => t.selector ? typeof t.selector == "string" ? d(e)?.querySelector(t.selector) : d(e) : null), r = S(() => d(t.wrapper)), { x: l, y: o, isDragging: i } = ce(e, {
     preventDefault: !1,
     stopPropagation: !1,
-    handle: t.selector ? o : null,
-    ...Y(t, ["handle", "edge"])
-  }), m = (u, f, c, d, b, k) => {
-    const h = [-c.value + n, d.value - n];
-    f.value = Math.min(Math.max(f.value, k.value), b.value - n), u.value < h[0] && (u.value = h[0]), u.value > h[1] && (u.value = h[1]);
+    handle: t.selector ? s : null,
+    ...de(t, ["handle", "edge"])
+  }), u = (a, c, m, p, h, E) => {
+    const v = [-m.value + n, p.value - n];
+    c.value = Math.min(Math.max(c.value, E.value), h.value - n), a.value < v[0] && (a.value = v[0]), a.value > v[1] && (a.value = v[1]);
   };
   if (t.wrapper) {
-    const { width: u, height: f, top: c } = re(l), { width: d } = De(e);
-    O([a, r], () => {
-      m(a, r, d, u, f, c);
+    const { width: a, height: c, top: m } = V(r), { width: p } = me(e);
+    z([l, o], () => {
+      u(l, o, p, a, c, m);
     });
   }
-  return O(i, (u) => {
-    u ? document.body.classList.add(Se) : document.body.classList.remove(Se);
+  return z(i, (a) => {
+    a ? document.body.classList.add(j) : document.body.classList.remove(j);
   }), {
-    x: a,
-    y: r,
+    x: l,
+    y: o,
     isDragging: i
   };
 }
-function _n(e, t, n) {
-  const { dirs: o = ["n", "s", "w", "e"], edge: l = 5 } = e;
-  let a = "";
-  const { left: r, top: i, width: m, height: u } = n, { clientX: f, clientY: c } = t;
-  return o.includes("n") && c > i.value - l && c < i.value + l ? a += "n" : o.includes("s") && c < i.value + u.value + l && c > i.value + u.value - l && (a += "s"), o.includes("w") && f > r.value - l && f < r.value + l ? a += "w" : o.includes("e") && f < r.value + m.value + l && f > r.value + m.value - l && (a += "e"), a;
+function we(e, t, n) {
+  const { dirs: s = ["n", "s", "w", "e"], edge: r = 5 } = e;
+  let l = "";
+  const { left: o, top: i, width: u, height: a } = n, { clientX: c, clientY: m } = t;
+  return s.includes("n") && m > i.value - r && m < i.value + r ? l += "n" : s.includes("s") && m < i.value + a.value + r && m > i.value + a.value - r && (l += "s"), s.includes("w") && c > o.value - r && c < o.value + r ? l += "w" : s.includes("e") && c < o.value + u.value + r && c > o.value + u.value - r && (l += "e"), l;
 }
-function Cn(e, t, n, o) {
+function ke(e, t, n, s) {
   if (!n)
     return;
-  const { minWidth: l = 0, minHeight: a = 0, maxWidth: r, maxHeight: i } = e, { clientX: m, clientY: u } = t, { left: f, top: c, width: d, height: b } = o;
-  n.includes("e") && (d.value = Math.max(m - f.value, l)), n.includes("w") && (d.value = Math.max(d.value + f.value - m, l), f.value = m), n.includes("s") && (b.value = Math.max(u - c.value, a)), n.includes("n") && (b.value = Math.max(b.value + c.value - u, a), c.value = u), r && (d.value = Math.min(d.value, r)), i && (b.value = Math.min(b.value, i)), e.onResizing && e.onResizing(o);
+  const { minWidth: r = 0, minHeight: l = 0, maxWidth: o, maxHeight: i } = e, { clientX: u, clientY: a } = t, { left: c, top: m, width: p, height: h } = s;
+  n.includes("e") && (p.value = Math.max(u - c.value, r)), n.includes("w") && (p.value = Math.max(p.value + c.value - u, r), c.value = u), n.includes("s") && (h.value = Math.max(a - m.value, l)), n.includes("n") && (h.value = Math.max(h.value + m.value - a, l), m.value = a), o && (p.value = Math.min(p.value, o)), i && (h.value = Math.min(h.value, i)), e.onResizing && e.onResizing(s);
 }
-function wn(e, t = {}) {
+function Te(e, t = {}) {
   const n = {
     edge: 5,
     minWidth: 50,
     minHeight: 50,
     dirs: ["n", "s", "w", "e"],
     ...t
-  }, o = at(), l = S(""), a = S(!1), { onStart: r, onEnd: i, boundingOptions: m } = n, u = re(e, m), { left: f, top: c, width: d, height: b, update: k } = u;
-  return o.run(() => {
-    te(document, "mousemove", (h) => {
-      a.value ? Cn(n, h, l.value, u) : l.value = _n(n, h, u);
-    }), te(document, "mousedown", () => {
-      k(), l.value && (a.value = !0, r && r(u));
-    }), te(document, "mouseup", () => {
-      a.value = !1, l.value = "", i && i(u), k();
-    }), O(l, (h) => {
-      const z = document.body;
-      z.style.cursor = h ? `${h}-resize` : "", h ? z.classList.add($e) : z.classList.remove($e);
+  }, s = U(), r = L(""), l = L(!1), { onStart: o, onEnd: i, boundingOptions: u } = n, a = V(e, u), { left: c, top: m, width: p, height: h, update: E } = a;
+  return s.run(() => {
+    C(document, "mousemove", (v) => {
+      l.value ? ke(n, v, r.value, a) : r.value = we(n, v, a);
+    }), C(document, "mousedown", () => {
+      E(), r.value && (l.value = !0, o && o(a));
+    }), C(document, "mouseup", () => {
+      l.value = !1, r.value = "", i && i(a), E();
+    }), z(r, (v) => {
+      const $ = document.body;
+      $.style.cursor = v ? `${v}-resize` : "", v ? $.classList.add(B) : $.classList.remove(B);
     });
-  }), je(() => {
-    o.stop();
+  }), Z(() => {
+    s.stop();
   }), {
-    left: f,
-    top: c,
-    width: d,
-    height: b,
-    direction: l,
-    resizing: a,
-    update: k
+    left: c,
+    top: m,
+    width: p,
+    height: h,
+    direction: r,
+    resizing: l,
+    update: E
   };
 }
-const xn = mn(pn), In = xn.install;
+const Me = fe(be), He = Me.install;
 export {
-  Ft as Block,
-  he as DIALOG_CLOSE_VALUE,
-  _e as DIALOG_MAXIMIZABLE_VALUE,
-  Ce as DIALOG_MINIMIZABLE_VALUE,
-  we as DIALOG_POPUP_VALUE,
-  At as Element,
-  ke as INSTALLED_KEY,
-  Se as IS_DRAGGING_CLASS_NAME,
-  $e as IS_RESIZING_CLASS_NAME,
-  Ot as NOOP,
-  Vt as Page,
-  j as XBlock,
-  Dt as XConfig,
-  Mo as XContainer,
-  fn as XCron,
-  Me as XDialog,
-  Mt as XElement,
-  He as XField,
-  rn as XForm,
-  Xe as XHelp,
-  N as XIcon,
-  Xt as XPage,
-  Ne as XPanel,
-  go as XText,
-  A as XTool,
-  Fe as XToolbar,
-  Le as XWrapper,
-  Nt as blockProps,
-  pn as components,
-  oe as configContextKey,
-  Pt as configProps,
-  Ro as containerEmits,
-  Fo as containerProps,
-  cn as cronEmits,
-  an as cronProps,
-  xn as default,
-  We as defineSetter,
-  Co as dialogContextKey,
-  xo as dialogEmits,
-  wo as dialogProps,
-  ae as dialogZIndex,
-  Rt as elementProps,
-  Wo as fieldEmits,
-  Lo as fieldProps,
-  Ue as formContextKey,
-  Qo as formEmits,
-  qo as formProps,
-  yn as getConfigValue,
-  ge as getSizeValue,
-  to as helpEmits,
-  eo as helpProps,
-  Wt as iconProps,
-  Lt as iconSizeMap,
-  In as install,
-  mn as makeInstaller,
-  Y as omit,
-  Tt as pageProps,
-  ao as panelEmits,
-  ro as panelProps,
-  be as parseSize,
-  On as pick,
-  Ve as provideConfig,
-  bn as setConfig,
-  xe as setters,
-  mo as textEmits,
-  fo as textProps,
-  Kt as toolEmits,
-  Gt as toolProps,
-  yo as toolbarEmits,
-  bo as toolbarProps,
-  gn as useConfig,
-  hn as useDraggable,
-  vn as useIcon,
-  J as useIconProps,
-  wn as useResizable,
-  $ as withInstall,
-  jn as withInstallDirective,
-  jt as withInstallFunction,
-  Pn as withNoopInstall,
-  Xo as wrapperEmits,
-  Vo as wrapperProps
+  X as INSTALLED_KEY,
+  j as IS_DRAGGING_CLASS_NAME,
+  B as IS_RESIZING_CLASS_NAME,
+  pe as NOOP,
+  k as XIcon,
+  H as XMenu,
+  Ie as XSimpleMask,
+  _e as XStartup,
+  be as components,
+  De as getSizeValue,
+  ge as iconProps,
+  he as iconSizeMap,
+  He as install,
+  fe as makeInstaller,
+  de as omit,
+  Le as parseSize,
+  Ae as pick,
+  Ve as useDraggable,
+  Re as useIcon,
+  Ee as useIconProps,
+  Te as useResizable,
+  Xe as withInstall,
+  Be as withInstallDirective,
+  je as withInstallFunction,
+  Oe as withNoopInstall
 };