@vtj/ui 0.6.25 → 0.7.0

package/dist/index.mjs

@@ -0,0 +1,4165 @@
+import { defineComponent as P, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as ke, openBlock as u, createBlock as g, unref as n, normalizeClass as Z, normalizeStyle as fe, withCtx as d, renderSlot as x, resolveDynamicComponent as W, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as H, toDisplayString as O, Fragment as J, renderList as Y, isVNode as Ut, h as ae, shallowRef as Ve, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as be, effectScope as mt, reactive as Re, onMounted as gt, onUnmounted as yt, watchEffect as Qe, nextTick as ye, Teleport as vt, withDirectives as G, createSlots as he, render as nt, vShow as ne, isRef as Be, withModifiers as bt, KeepAlive as Kt, provide as ze, inject as xe, withKeys as Lt } from "vue";
+import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as Ke, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as ht, ElDivider as se, ElSwitch as Ze, ElInput as Ce, ElEmpty as _t, ElTabs as kt, ElTabPane as Le, ElPopover as wt, ElAvatar as eo, ElMessageBox as Ne, ElSelect as to, ElOption as oo, ElCheckboxButton as no, ElCheckbox as ao, ElCheckboxGroup as so, ElRadioButton as lo, ElRadio as io, ElRadioGroup as ro, ElInputNumber as co, ElDatePicker as at, ElTimePicker as uo, ElRate as po, ElSlider as fo, ElCascader as mo, formContextKey as go, ElFormItem as yo, ElForm as vo, ElImage as bo, ElInfiniteScroll as st, ElPagination as ho, ElDescriptions as lt, ElDescriptionsItem as Xe, ElMessage as it } from "element-plus";
+import { ArrowRight as _o, Minimize as ko, Popup as wo, Maximize as xo, RawClose as So, StarFilled as xt, Menu as zo, Search as We, Close as St, Expand as Co, Fold as To, Star as zt, Document as me, Refresh as $o, CopyDocument as Mo, Moon as Eo, Sunny as Io, MoreFilled as Bo, UserFilled as Po, HomeFilled as Vo, WarningFilled as Ao } from "@vtj/icons";
+import { useDraggable as Do, useMouseInElement as Ro, useEventListener as De, useElementSize as Ct, useDark as Oo, useResizeObserver as Fo, useVirtualList as jo } from "@vueuse/core";
+import { isEqual as Ge, isObject as Ye, uid as Tt, arrayToMap as No, isUrl as Xo, upperFirstCamelCase as $t, toArray as Uo, get as Pe, merge as Ho, set as Ue, debounce as Ko } from "@vtj/utils";
+import { useRouter as qe, RouterView as Lo, useRoute as Mt, routeLocationKey as Wo } from "vue-router";
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/ui 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.7.0
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+const Da = "0.7.0", Jo = {
+  default: 14,
+  small: 12,
+  large: 18
+}, Qo = {
+  icon: {
+    type: [String, Object]
+  },
+  color: {
+    type: String
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  },
+  src: {
+    type: String
+  },
+  background: {
+    type: String
+  },
+  padding: {
+    type: Number
+  },
+  radius: {
+    type: Number
+  }
+};
+function q(a) {
+  return typeof a == "string" ? a : `${a}px`;
+}
+function Me(a = 0, o) {
+  if (typeof a == "number")
+    return a;
+  if (/(%|vh|vw)$/i.test(a)) {
+    const t = Number.parseInt(a);
+    return Math.floor(o * t / 100);
+  }
+  return Number.parseInt(a);
+}
+function rt(a, o = {}) {
+  const e = { ...o };
+  return typeof a == "boolean" ? e : Object.assign(e, a || {});
+}
+const ct = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
+  install: (e) => {
+    e[ct] || (e[ct] = !0, a.forEach((t) => {
+      t.name && e.component(t.name, t);
+    }));
+  }
+}), Zo = ["src"], re = /* @__PURE__ */ P({
+  name: "XIcon",
+  __name: "Icon",
+  props: Qo,
+  setup(a) {
+    const o = a, e = Je(), t = pe(), l = y(() => {
+      if (!o.icon)
+        return null;
+      const r = t?.appContext.app;
+      return typeof o.icon == "object" ? ke(o.icon) : r?.component(o.icon) || o.icon;
+    }), s = y(() => {
+      const r = {
+        "is-pointer": !!e.onClick
+      };
+      return !l.value && o.icon && (r[o.icon] = !0), r;
+    }), c = y(() => ({
+      "background-color": o.background,
+      "border-radius": o.radius ? q(o.radius) : void 0,
+      padding: o.padding ? q(o.padding) : void 0
+    })), i = y(() => typeof o.size == "number" ? o.size : Jo[o.size] ?? void 0);
+    return (r, p) => (u(), g(n(Wt), {
+      class: Z(["x-icon", s.value]),
+      color: o.color,
+      size: i.value,
+      style: fe(c.value)
+    }, {
+      default: d(() => [
+        x(r.$slots, "default", {}, () => [
+          l.value ? (u(), g(W(l.value), { key: 0 })) : v("", !0),
+          o.src ? (u(), C("img", {
+            key: 1,
+            src: o.src
+          }, null, 8, Zo)) : v("", !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "color", "size", "style"]));
+  }
+}), Go = { class: "x-menu__wrapper" }, Yo = {
+  key: 1,
+  class: "x-menu__title"
+}, qo = /* @__PURE__ */ H("i", null, null, -1), en = {
+  key: 0,
+  class: "x-menu__title"
+}, tn = /* @__PURE__ */ H("i", null, null, -1), Et = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  name: "XMenuItem",
+  __name: "MenuItem",
+  props: {
+    item: {},
+    subMenu: {},
+    defaultIcon: {}
+  },
+  setup(a) {
+    const o = a, e = pe(), t = (c) => {
+      if (c)
+        return typeof c == "string" && (e?.appContext.app?.component(c) || o.defaultIcon) || c;
+    }, l = (c) => typeof c == "object" ? c : { value: c }, s = (c = []) => c.filter((i) => !i.hidden);
+    return (c, i) => o.item.children ? (u(), g(n(Jt), F({
+      key: 0,
+      disabled: o.item.disabled
+    }, o.subMenu, {
+      index: String(o.item.id)
+    }), {
+      title: d(() => [
+        H("div", Go, [
+          o.item.icon ? (u(), g(n(re), {
+            key: 0,
+            icon: t(o.item.icon)
+          }, null, 8, ["icon"])) : v("", !0),
+          o.item.title ? (u(), C("span", Yo, O(o.item.title), 1)) : v("", !0),
+          o.item.badge ? (u(), g(n(Ke), F({
+            key: 2,
+            class: "x-menu__badge"
+          }, l(o.item.badge)), {
+            default: d(() => [
+              qo
+            ]),
+            _: 1
+          }, 16)) : v("", !0)
+        ])
+      ]),
+      default: d(() => [
+        (u(!0), C(J, null, Y(s(o.item.children), (r) => (u(), g(n(Et), {
+          key: r.id,
+          item: r,
+          subMenu: o.subMenu,
+          defaultIcon: o.defaultIcon
+        }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
+      ]),
+      _: 1
+    }, 16, ["disabled", "index"])) : (u(), g(n(Qt), {
+      key: 1,
+      index: String(o.item.id),
+      disabled: o.item.disabled
+    }, {
+      title: d(() => [
+        o.item.title ? (u(), C("span", en, O(o.item.title), 1)) : v("", !0),
+        o.item.badge ? (u(), g(n(Ke), F({
+          key: 1,
+          class: "x-menu__badge"
+        }, l(o.item.badge)), {
+          default: d(() => [
+            tn
+          ]),
+          _: 1
+        }, 16)) : v("", !0)
+      ]),
+      default: d(() => [
+        o.item.icon ? (u(), g(n(re), {
+          key: 0,
+          icon: t(o.item.icon)
+        }, null, 8, ["icon"])) : v("", !0)
+      ]),
+      _: 1
+    }, 8, ["index", "disabled"]));
+  }
+}), de = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  name: "XMenu",
+  __name: "Menu",
+  props: {
+    data: { default: () => [] },
+    subMenu: {},
+    defaultIcon: {}
+  },
+  emits: ["select"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = y(() => e.data.filter((i) => !i.hidden)), s = (i, r) => {
+      const p = (f, m = []) => {
+        for (const h of m) {
+          if (h.id.toString() === f.toString())
+            return h;
+          if (h.children?.length) {
+            const b = p(f, h.children);
+            if (b)
+              return b;
+          }
+        }
+      };
+      return p(r, i);
+    }, c = (i) => {
+      const r = s(l.value, i);
+      r && t("select", r);
+    };
+    return (i, r) => (u(), g(n(Zt), F({ class: "x-menu" }, i.$attrs, { onSelect: c }), {
+      default: d(() => [
+        (u(!0), C(J, null, Y(l.value, (p) => (u(), g(n(Et), {
+          item: { ...p, icon: p.icon },
+          defaultIcon: e.defaultIcon,
+          subMenu: e.subMenu
+        }, null, 8, ["item", "defaultIcon", "subMenu"]))), 256))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), It = {
+  /**
+   * 动作名称标识
+   */
+  name: {
+    type: String
+  },
+  /**
+   * 动作标题文本
+   */
+  label: {
+    type: String
+  },
+  /**
+   * 动作值，用来传输数据
+   */
+  value: {
+    type: [String, Number, Object, Array, Boolean]
+  },
+  /**
+   *  图标配置
+   */
+  icon: {
+    type: [String, Object]
+  },
+  /**
+   * 模式
+   */
+  mode: {
+    type: String,
+    default: "button"
+  },
+  /**
+   * 下拉菜单配置
+   */
+  menus: {
+    type: Array
+  },
+  /**
+   *  tooltip 配置
+   */
+  tooltip: {
+    type: [String, Object]
+  },
+  /**
+   * Badge 配置
+   */
+  badge: {
+    type: [String, Number, Object]
+  },
+  /**
+   * ElDropdown 组件配置
+   */
+  dropdown: {
+    type: Object
+  },
+  /**
+   * ElButton 组件配置，mode为button时有效
+   */
+  button: {
+    type: Object
+  },
+  /**
+   * 禁用
+   */
+  disabled: {
+    type: [Boolean, Function]
+  },
+  /**
+   * 尺寸
+   */
+  size: {
+    type: String,
+    default: "default"
+  },
+  /**
+   * 颜色类型
+   */
+  type: {
+    type: String,
+    default: "primary"
+  },
+  /**
+   * icon 背景设置，当 mode为 icon 时有效
+   */
+  background: {
+    type: String,
+    default: "always"
+  },
+  /**
+   * icon 背景样式圆形，当 mode为 icon 时有效
+   */
+  circle: {
+    type: Boolean
+  }
+};
+function on(a) {
+  return y(() => {
+    const o = a.tooltip;
+    if (o)
+      return typeof o == "string" ? { content: o } : o;
+  });
+}
+function nn(a) {
+  return y(() => {
+    const o = a.badge;
+    if (o)
+      return typeof o == "object" ? o : { value: o };
+  });
+}
+function an(a) {
+  return y(() => {
+    const { dropdown: o, menus: e } = a;
+    if (e && e.length > 0)
+      return Object.assign(
+        { popperClass: "x-action__menus", size: a.size },
+        o || {}
+      );
+  });
+}
+function sn(a) {
+  const o = pe();
+  return y(() => {
+    const e = n(a);
+    if (e)
+      if (typeof e == "string" || e.setup || e.render || Ut(e)) {
+        const t = o?.appContext.app;
+        return {
+          icon: typeof e == "string" && t?.component(e) || e
+        };
+      } else
+        return e;
+    return null;
+  });
+}
+function _e(a) {
+  const o = sn(a);
+  return o.value ? ke(P({ render: () => ae(re, o.value) })) : void 0;
+}
+function et(a, o) {
+  return y(() => {
+    const e = n(a);
+    return typeof e == "function" ? e(o) : !!e;
+  });
+}
+function ln(a, o, e) {
+  const t = Ve(o), l = D(!1), s = async (i) => {
+    const r = n(a);
+    return r ? typeof r == "function" ? await r(i) : r : o;
+  }, c = async (i) => (l.value = !0, await s(i).then((r) => (t.value = r || o, l.value = !1, t)));
+  return L(
+    () => a,
+    () => {
+      c(e);
+    },
+    { immediate: !0 }
+  ), e && L(e, () => {
+    c(e);
+  }), {
+    data: t,
+    loading: l,
+    loader: c
+  };
+}
+const rn = { key: 0 }, cn = /* @__PURE__ */ P({
+  __name: "Trigger",
+  props: It,
+  emits: ["click"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = _e(Ae(e, "icon")), s = et(Ae(e, "disabled")), c = y(() => ({
+      [`is-${e.mode}`]: !!e.mode,
+      [`is-${e.type}`]: !!e.type,
+      [`is-${e.size}`]: !!e.size && e.size !== "default",
+      [`is-background-${e.background}`]: e.mode === "icon" && !!e.background,
+      "is-disabled": !!e.disabled,
+      "is-circle": !!e.circle
+    })), i = (r) => {
+      if (r.stopPropagation(), r.preventDefault(), !s.value)
+        return t("click"), !1;
+    };
+    return (r, p) => e.mode === "button" ? (u(), g(n(ie), F({
+      key: 0,
+      icon: n(l),
+      type: e.type,
+      size: e.size,
+      disabled: n(s)
+    }, e.button, { onClick: i }), {
+      default: d(() => [
+        R(O(r.label), 1)
+      ]),
+      _: 1
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), C("div", {
+      key: 1,
+      class: Z(["x-action__inner", c.value]),
+      onClick: i
+    }, [
+      (u(), g(W(n(l)))),
+      r.label ? (u(), C("span", rn, O(r.label), 1)) : v("", !0)
+    ], 2));
+  }
+}), te = /* @__PURE__ */ P({
+  name: "XAction",
+  __name: "Action",
+  props: It,
+  emits: ["click", "command"],
+  setup(a, { emit: o }) {
+    const e = a, t = Ht(), l = o, s = on(e), c = nn(e), i = an(e), r = et(Ae(e, "disabled")), p = y(() => ({
+      [`x-action--${e.mode}`]: !!e.mode
+    })), f = () => {
+      r.value || l("click", ge(e));
+    }, m = (z) => {
+      if (r.value)
+        return;
+      const I = e.menus?.find((V) => V.command === z);
+      I && l("command", ge(I));
+    }, h = (z) => ae(Ke, c.value, () => [].concat(z)), b = (z) => ae(
+      Gt,
+      { ...i.value, disabled: r.value, onCommand: m },
+      {
+        default: () => [z],
+        dropdown: () => [
+          ae(
+            Yt,
+            () => (e.menus || []).map((I) => ae(
+              qt,
+              I,
+              () => t.item ? t.item({ item: I }) : I.label
+            ))
+          )
+        ]
+      }
+    ), w = (z) => ae(ht, { ...s.value, disabled: r.value }, () => [
+      z
+    ]), M = y(() => {
+      let z = t.default ? t.default()[0] : ae(ke(cn), { ...e, onClick: f });
+      return c.value && (z = h(z)), i.value && (z = b(z)), s.value && (z = w(z)), z;
+    });
+    return (z, I) => (u(), C("div", {
+      class: Z(["x-action", p.value])
+    }, [
+      (u(), g(W(M.value)))
+    ], 2));
+  }
+}), un = {
+  /**
+   * 动作项
+   */
+  items: {
+    type: Array
+  },
+  /**
+   * 模式
+   */
+  mode: {
+    type: String,
+    default: "button"
+  },
+  /**
+   * 尺寸
+   */
+  size: {
+    type: String,
+    default: "default"
+  },
+  /**
+   * 颜色类型
+   */
+  type: {
+    type: String,
+    default: "primary"
+  },
+  /**
+   * icon 背景设置，当 mode为 icon 时有效
+   */
+  background: {
+    type: String,
+    default: "always"
+  },
+  /**
+   * icon 背景样式圆形，当 mode为 icon 时有效
+   */
+  circle: {
+    type: Boolean
+  },
+  /**
+   * 禁用
+   */
+  disabled: {
+    type: [Boolean, Function]
+  },
+  /**
+   *  tooltip 配置
+   */
+  tooltip: {
+    type: Object
+  },
+  /**
+   * Badge 配置
+   */
+  badge: {
+    type: Object
+  },
+  /**
+   * ElDropdown 组件配置
+   */
+  dropdown: {
+    type: Object
+  },
+  /**
+   * ElButton 组件配置，mode为button时有效
+   */
+  button: {
+    type: Object
+  }
+}, Oe = /* @__PURE__ */ P({
+  name: "XActionBar",
+  __name: "ActionBar",
+  props: un,
+  emits: ["click", "command"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = y(() => (e.items || []).map((i) => i === "|" ? i : {
+      ...i,
+      badge: i.badge ? {
+        ...e.badge,
+        ...typeof i.badge == "object" ? i.badge || {} : { value: i.badge }
+      } : void 0,
+      tooltip: i.tooltip ? {
+        ...e.tooltip,
+        ...typeof i.tooltip == "object" ? i.tooltip || {} : { content: i.tooltip }
+      } : void 0
+    })), s = (i) => {
+      t("click", i);
+    }, c = (i, r) => {
+      t("command", i, r);
+    };
+    return (i, r) => (u(), g(n(E), {
+      class: "x-action-bar",
+      align: "center"
+    }, {
+      default: d(() => [
+        (u(!0), C(J, null, Y(l.value, (p) => (u(), C(J, null, [
+          p === "|" ? (u(), g(n(se), {
+            key: 0,
+            direction: "vertical",
+            class: "x-action-bar__divider"
+          })) : (u(), g(n(te), F({
+            key: 1,
+            mode: e.mode,
+            size: e.size,
+            type: e.type,
+            circle: e.circle,
+            background: e.background,
+            button: e.button,
+            dropdown: e.dropdown,
+            disabled: n(et)(e.disabled, p).value
+          }, p, {
+            onClick: s,
+            onCommand: (f) => c(p, f)
+          }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
+        ], 64))), 256))
+      ]),
+      _: 1
+    }));
+  }
+}), dn = {
+  /**
+   * 组件渲染html标签
+   */
+  tag: {
+    type: String,
+    default: "div"
+  },
+  /**
+   * 宽高自适应
+   */
+  fit: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 指定高度，fit 为true 失效
+   */
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * 指定高度，fit 为true失效
+   */
+  height: {
+    type: [String, Number]
+  },
+  /**
+   * 开启flex布局
+   */
+  flex: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   *  inline-flex
+   */
+  inline: {
+    type: Boolean
+  },
+  /**
+   * flex主轴方向
+   */
+  direction: {
+    type: String,
+    default: "row"
+  },
+  /**
+   * 换行
+   */
+  wrap: {
+    type: String,
+    default: "nowrap"
+  },
+  /**
+   * 主轴上的对齐方式。
+   */
+  justify: {
+    type: String,
+    default: "flex-start"
+  },
+  /**
+   * 交叉轴上对齐方式
+   */
+  align: {
+    type: String,
+    default: "flex-start"
+  },
+  /**
+   * 多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用
+   */
+  alignContent: {
+    type: String,
+    default: "stretch"
+  },
+  /**
+   * 放大
+   */
+  grow: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 缩小
+   */
+  shrink: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 单个项目有与其他项目不一样的对齐方式。可覆盖容器的align-items属性
+   */
+  alignSelf: {
+    type: String,
+    default: "auto"
+  },
+  /**
+   * css overflow
+   */
+  overflow: {
+    type: String
+  },
+  /**
+   * 内边距
+   */
+  padding: {
+    type: Boolean,
+    default: !1
+  },
+  // 嵌套子组件加间隔
+  gap: {
+    type: Boolean
+  },
+  autoPointer: {
+    type: Boolean
+  }
+}, E = /* @__PURE__ */ P({
+  name: "XContainer",
+  __name: "Container",
+  props: dn,
+  setup(a) {
+    const o = a, e = Je(), t = pe(), l = y(() => {
+      const i = t?.parent;
+      if (!i)
+        return !1;
+      const r = i.proxy;
+      return r.$options.name === "XContainer" || !!r.flex;
+    }), s = y(() => ({
+      "is-fit": o.fit,
+      "is-flex": o.flex && !o.inline,
+      "is-inline-flex": o.flex && o.inline,
+      [`is-direction-${o.direction}`]: o.flex && o.direction !== "row",
+      [`is-wrap-${o.wrap}`]: o.flex && o.wrap !== "nowrap",
+      [`is-justify-${o.justify}`]: o.flex && o.justify !== "flex-start",
+      [`is-align-${o.align}`]: o.flex && o.align !== "flex-start",
+      [`is-align-content-${o.alignContent}`]: o.flex && o.alignContent !== "stretch",
+      "is-grow": o.grow ?? l.value,
+      "is-shrink": l.value && o.shrink,
+      [`is-align-self-${o.alignSelf}`]: l.value && o.alignSelf !== "auto",
+      [`is-overflow-${o.overflow}`]: !!o.overflow,
+      "is-padding": !!o.padding,
+      "is-pointer": o.autoPointer && !!e.onClick,
+      "is-gap": !!o.gap
+    })), c = y(() => {
+      const { width: i, height: r, fit: p } = o;
+      return p ? null : {
+        width: i ? q(i) : void 0,
+        height: r ? q(r) : void 0
+      };
+    });
+    return (i, r) => (u(), g(W(o.tag), {
+      class: Z(["x-container", s.value]),
+      style: fe(c.value)
+    }, {
+      default: d(() => [
+        x(i.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), pn = {
+  size: {
+    type: String,
+    default: "default"
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  subtitle: {
+    type: String
+  },
+  icon: {
+    type: [String, Object]
+  },
+  border: {
+    type: Boolean
+  },
+  more: {
+    type: Boolean
+  }
+}, fn = {
+  key: 0,
+  class: "x-header__actions"
+}, Bt = /* @__PURE__ */ P({
+  name: "XHeader",
+  inheritAttrs: !1,
+  __name: "Header",
+  props: pn,
+  setup(a) {
+    const o = a, e = _e(Ae(o, "icon")), t = Je(), l = y(() => ({
+      [`is-size-${o.size}`]: !!o.size && o.size !== "default",
+      "is-border": o.border,
+      "is-pointer": !!t.onClick
+    }));
+    return (s, c) => (u(), g(n(E), {
+      class: Z(["x-header", l.value]),
+      justify: "space-between",
+      align: "center"
+    }, {
+      default: d(() => [
+        _(n(E), {
+          align: "center",
+          class: Z(["x-header__wrapper", l.value]),
+          grow: ""
+        }, {
+          default: d(() => [
+            n(e) ? (u(), g(W(n(e)), {
+              key: 0,
+              class: "x-header__icon",
+              onClick: n(t).onClickIcon || n(t).onClick
+            }, null, 8, ["onClick"])) : v("", !0),
+            H("span", {
+              class: "x-header__content",
+              onClick: c[0] || (c[0] = //@ts-ignore
+              (...i) => n(t).onClick && n(t).onClick(...i))
+            }, [
+              x(s.$slots, "default", {}, () => [
+                R(O(o.content), 1)
+              ])
+            ]),
+            o.more ? (u(), g(n(re), {
+              key: 1,
+              class: "x-header__more",
+              icon: n(_o)
+            }, null, 8, ["icon"])) : v("", !0),
+            o.subtitle || s.$slots.subtitle ? (u(), C("span", {
+              key: 2,
+              class: "x-header__subtitle",
+              onClick: c[1] || (c[1] = //@ts-ignore
+              (...i) => n(t).onClick && n(t).onClick(...i))
+            }, [
+              x(s.$slots, "subtitle", {}, () => [
+                R(O(o.subtitle), 1)
+              ])
+            ])) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["class"]),
+        s.$slots.actions ? (u(), C("div", fn, [
+          x(s.$slots, "actions")
+        ])) : v("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), mn = {
+  /**
+   * 宽高自适应
+   */
+  fit: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 指定高度，fit 为true 失效
+   */
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * 指定高度，fit 为true失效
+   */
+  height: {
+    type: [String, Number]
+  },
+  /**
+   * 显示边框
+   */
+  border: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 圆角
+   */
+  radius: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 卡片模式
+   */
+  card: {
+    type: Boolean
+  },
+  /**
+   * 尺寸
+   */
+  size: {
+    type: String
+  },
+  /**
+   * 阴影设置
+   */
+  shadow: {
+    type: String
+  },
+  /**
+   * 头部设置
+   */
+  header: {
+    type: [String, Object]
+  },
+  body: {
+    type: Object
+  },
+  footer: {
+    type: Object
+  }
+}, Se = /* @__PURE__ */ P({
+  name: "XPanel",
+  __name: "Panel",
+  props: mn,
+  setup(a, { expose: o }) {
+    const e = a, t = D(), l = y(() => ({
+      "x-panel--card": !!e.card,
+      "x-panel--default": !e.card,
+      [`is-${e.size}`]: !!e.size && e.size !== "default",
+      "is-border": !!e.border,
+      "is-radius": !!e.radius,
+      [`is-shadow-${e.shadow}`]: !!e.shadow && e.shadow !== "none"
+    })), s = y(() => e.header === null ? null : typeof e.header == "string" ? {
+      content: e.header,
+      size: e.size
+    } : {
+      ...e.header,
+      size: e.size
+    }), c = y(() => e.fit || e.height ? "auto" : void 0);
+    return o({
+      bodyRef: t
+    }), (i, r) => (u(), g(n(E), {
+      class: Z(["x-panel", l.value]),
+      direction: "column",
+      fit: e.fit,
+      width: e.width,
+      height: e.height
+    }, {
+      default: d(() => [
+        s.value ? (u(), g(n(E), {
+          key: 0,
+          flex: !1,
+          class: "x-panel__header"
+        }, {
+          default: d(() => [
+            x(i.$slots, "header", {}, () => [
+              _(n(Bt), le(be(s.value)), {
+                default: d(() => [
+                  x(i.$slots, "title")
+                ]),
+                actions: d(() => [
+                  x(i.$slots, "actions")
+                ]),
+                _: 3
+              }, 16)
+            ])
+          ]),
+          _: 3
+        })) : v("", !0),
+        _(n(E), F({
+          ref_key: "bodyRef",
+          ref: t,
+          flex: !1,
+          overflow: c.value,
+          grow: "",
+          padding: "",
+          class: "x-panel__body"
+        }, e.body), {
+          default: d(() => [
+            x(i.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["overflow"]),
+        i.$slots.footer ? (u(), g(n(E), F({
+          key: 1,
+          flex: !1,
+          padding: "",
+          class: "x-panel__footer"
+        }, e.footer), {
+          default: d(() => [
+            x(i.$slots, "footer")
+          ]),
+          _: 3
+        }, 16)) : v("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "fit", "width", "height"]));
+  }
+}), ut = "user-select-none";
+class dt {
+  constructor(o, e = {}) {
+    this.el = o, this.options = e, this.scope = mt(), this.scope.run(() => {
+      this.init();
+    });
+  }
+  scope;
+  dragging = !1;
+  getHandle() {
+    const { selector: o, handle: e } = this.options;
+    return o ? this.el.querySelector(o) : e;
+  }
+  getTarget() {
+    const { target: o = "body" } = this.options;
+    return typeof o == "string" ? document.querySelector(o) : n(o) || document.body;
+  }
+  init() {
+    const { el: o, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: c } = e;
+    if (t)
+      return;
+    let i = null;
+    const r = this.getHandle(), p = this.getTarget();
+    let f = o.getBoundingClientRect(), m = null;
+    const { x: h, y: b } = Do(o, {
+      initialValue: { x: f.x, y: f.y },
+      ...e,
+      handle: r,
+      onStart: (w, M) => {
+        document.body.classList.add(ut), clearTimeout(i), i = setTimeout(() => {
+          this.dragging = !0, f = o.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(w, M);
+        }, l);
+      },
+      onEnd: (w, M) => {
+        if (clearTimeout(i), document.body.classList.remove(ut), this.dragging && m) {
+          this.dragging = !1;
+          const { x: z, y: I } = w, V = this.getPosition(m, f, z, I);
+          c && c(V, M), m = null;
+        }
+      }
+    });
+    L([h, b], () => {
+      if (this.dragging && m) {
+        const w = this.getPosition(m, f, h.value, b.value);
+        o.style.left = `${w.x}px`, o.style.top = `${w.y}px`;
+      }
+    });
+  }
+  getPosition(o, e, t, l) {
+    const { edge: s = 50 } = this.options, c = -e.width + s, i = o.width - s, r = 0, p = o.height - s, f = Math.min(i, Math.max(t, c)), m = Math.min(p, Math.max(l, r));
+    return {
+      x: f,
+      y: m
+    };
+  }
+  destory() {
+    this.scope.stop();
+  }
+}
+const gn = {
+  mounted(a, o) {
+    const e = o.value || {}, t = new dt(a, e);
+    a.__draggable__ = t;
+  },
+  updated(a, o) {
+    const e = o.value || {};
+    let t = a.__draggable__;
+    t && !Ge(t.options, e) && (t.destory(), a.__draggable__ = new dt(a, e));
+  },
+  unmounted(a) {
+    const o = a.__draggable__;
+    o && (o.destory(), a.__draggable__ = null);
+  }
+}, He = "user-select-none";
+class pt {
+  constructor(o, e = {}) {
+    this.el = o, this.options = e, this.scope = mt(), this.scope.run(() => {
+      this.init();
+    });
+  }
+  scope;
+  resizing = D(!1);
+  direction = D("");
+  MIE = null;
+  cleanMousedown;
+  cleanMouseup;
+  init() {
+    const { el: o, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
+    if (t)
+      return;
+    this.MIE = Ro(o), this.cleanMousedown = De(document, "mousedown", () => {
+      this.direction?.value && this.MIE && (this.resizing.value = !0, o.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
+    }), this.cleanMouseup = De(document, "mouseup", () => {
+      this.resizing.value && this.direction?.value && this.MIE && (o.classList.remove(
+        "is-resizing",
+        `is-${this.direction.value}-resizing`
+      ), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
+    }), L(this.direction, (r) => {
+      const p = document.body;
+      p.style.cursor = r ? `${r}-resize` : "", r ? p.classList.add(He) : p.classList.remove(He);
+    });
+    const { x: c, y: i } = this.MIE;
+    L([c, i], () => {
+      this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
+    });
+  }
+  resize() {
+    const { MIE: o, direction: e, resizing: t, options: l, el: s } = this, c = e?.value || "";
+    if (!o || !t.value || !c)
+      return;
+    const { x: i, y: r, elementX: p, elementY: f, elementHeight: m, elementWidth: h } = o, { onResizing: b } = l, {
+      minWidth: w = 0,
+      minHeight: M = 0,
+      maxWidth: z = 99999,
+      maxHeight: I = 99999
+    } = l;
+    if (c.includes("e")) {
+      const V = Math.min(Math.max(p.value, w), z);
+      s.style.width = `${V}px`;
+    }
+    if (c.includes("s")) {
+      const V = Math.min(Math.max(f.value, M), I);
+      s.style.height = `${V}px`;
+    }
+    if (c.includes("w")) {
+      const V = Math.min(
+        Math.max(h.value - p.value, w),
+        z
+      );
+      s.style.width = `${V}px`, s.style.left = `${i.value}px`;
+    }
+    if (c.includes("n")) {
+      const V = Math.min(
+        Math.max(m.value - f.value, M),
+        I
+      );
+      this.el.style.height = `${V}px`, this.el.style.top = `${r.value}px`;
+    }
+    b && b(c, o);
+  }
+  getDirection() {
+    if (!this.MIE)
+      return "";
+    const { elementX: o, elementY: e, elementHeight: t, elementWidth: l, isOutside: s } = this.MIE;
+    if (s.value)
+      return "";
+    const { dirs: c = ["n", "s", "w", "e"], edge: i = 5 } = this.options;
+    let r = "";
+    return c.includes("n") && e.value <= i ? r += "n" : c.includes("s") && e.value > t.value - i && (r += "s"), c.includes("w") && o.value <= i ? r += "w" : c.includes("e") && o.value > l.value - i && (r += "e"), r;
+  }
+  destory() {
+    const o = document.body;
+    o.style.cursor = "", o.classList.remove(He), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+  }
+}
+const Pt = {
+  mounted(a, o) {
+    const e = o.value || {}, t = new pt(a, e);
+    a.__resizable__ = t;
+  },
+  updated(a, o) {
+    const e = o.value || {};
+    let t = a.__resizable__;
+    t && !Ge(t.options, e) && (t.destory(), a.__resizable__ = new pt(a, e));
+  },
+  unmounted(a) {
+    const o = a.__resizable__;
+    o && (o.destory(), a.__resizable__ = null);
+  }
+}, yn = {
+  modelValue: {
+    type: Boolean,
+    default: !0
+  },
+  title: {
+    type: String
+  },
+  subtitle: {
+    type: String
+  },
+  icon: {
+    type: [String, Object]
+  },
+  size: {
+    type: String,
+    default: "default"
+  },
+  width: {
+    type: [Number, String],
+    default: "70%"
+  },
+  height: {
+    type: [Number, String],
+    default: "70%"
+  },
+  left: {
+    type: [Number, String]
+  },
+  top: {
+    type: [Number, String]
+  },
+  modal: {
+    type: Boolean,
+    default: !0
+  },
+  draggable: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  resizable: {
+    type: [Boolean, Object]
+  },
+  closable: {
+    type: Boolean,
+    default: !0
+  },
+  maximizable: {
+    type: Boolean,
+    default: !1
+  },
+  minimizable: {
+    type: Boolean,
+    default: !1
+  },
+  mode: {
+    type: String,
+    default: "normal"
+  },
+  content: {
+    type: Object
+  },
+  src: {
+    type: String
+  },
+  componentInstance: {
+    type: Object
+  },
+  beforeClose: {
+    type: Function
+  },
+  submit: {
+    type: [Boolean, String]
+  },
+  cancel: {
+    type: [Boolean, String]
+  },
+  bodyPadding: {
+    type: Boolean,
+    default: !0
+  },
+  primary: {
+    type: Boolean
+  }
+};
+let ve = 1e3;
+function vn(a, o) {
+  const { width: e, height: t } = Ct(o), l = Re({
+    mode: a.mode || "normal",
+    wrapperWidth: 0,
+    wrapperHeight: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    zIndex: ++ve,
+    dragging: !1,
+    resizing: !1
+  });
+  return L([e, t], ([s, c]) => {
+    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Me(a.width, s), l.height = Me(a.height, c), l.left = a.left ? Me(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Me(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
+  }), L(l, (s) => {
+    ve = Math.max(s.zIndex, ve);
+  }), {
+    state: l,
+    normal: y(() => l.mode === "normal"),
+    maximized: y(() => l.mode === "maximized"),
+    minimized: y(() => l.mode === "minimized")
+  };
+}
+function bn(a, o) {
+  const e = y(() => {
+    const { width: c, height: i, top: r, left: p, zIndex: f } = o;
+    return {
+      width: `${c}px`,
+      height: `${i}px`,
+      top: `${r}px`,
+      left: `${p}px`,
+      zIndex: f
+    };
+  }), t = y(() => ({
+    [`is-${o.mode}`]: !!o.mode,
+    "is-draggable": !!a.draggable,
+    "is-resizable": !!a.resizable,
+    "is-primary": !!a.primary
+  })), l = y(() => ({
+    [`is-${o.mode}`]: !!o.mode,
+    "is-dragging": o.dragging,
+    "is-resizing": o.resizing
+  })), s = y(() => ({
+    zIndex: o.zIndex
+  }));
+  return {
+    styles: e,
+    classes: t,
+    wrapperClass: l,
+    modalStyle: s
+  };
+}
+function hn(a, o, e) {
+  const t = (f) => {
+    o.mode = f, ["maximized", "minimized", "normal"].includes(f) && e(f), e("modeChange", f);
+  }, l = async () => {
+    (!a.beforeClose || await a.beforeClose()) && (e("update:modelValue", !1), e("close"), e("destroy"));
+  };
+  return {
+    close: l,
+    changeMode: t,
+    show: () => t("normal"),
+    hide: () => t("minimized"),
+    active: (f) => {
+      const m = f.target.nodeName || "";
+      ["INPUT", "TEXTAREA", "RADIO", "CHECKBOX"].includes(
+        m.toUpperCase()
+      ) || (o.zIndex = Math.max(o.zIndex, ++ve));
+    },
+    submit: () => e("submit"),
+    cancel: () => {
+      e("cancel"), l();
+    }
+  };
+}
+function _n(a, o, e, t) {
+  return y(() => {
+    const l = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
+    return {
+      ...Ye(a.draggable) ? a.draggable : {},
+      disabled: l,
+      target: t,
+      selector: ".x-panel__header",
+      onStart(s) {
+        o.dragging = !0, o.zIndex = Math.max(o.zIndex, ++ve), e("dragStart", s);
+      },
+      onMove(s) {
+        e("dragging", s);
+      },
+      onEnd(s) {
+        if (o.mode === "maximized")
+          return;
+        const { x: c, y: i } = s;
+        o.left = c, o.top = i, o.dragging = !1, e("dragEnd", s);
+      }
+    };
+  });
+}
+function kn(a, o, e) {
+  return y(() => {
+    const t = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
+    return {
+      minWidth: 200,
+      minHeight: 150,
+      ...Ye(a.resizable) ? a.resizable : {},
+      disabled: t,
+      dirs: ["e", "s", "w"],
+      onStart(l, s) {
+        o.resizing = !0, o.zIndex = Math.max(o.zIndex, ++ve), e("resizeStart", l, s);
+      },
+      onResizing(l, s) {
+        e("resizing", l, s);
+      },
+      onEnd(l, s) {
+        o.left = s.elementPositionX.value, o.top = s.elementPositionY.value, o.width = s.elementWidth.value, o.height = s.elementHeight.value, o.resizing = !1, e("resizeEnd", l, s);
+      }
+    };
+  });
+}
+function wn(a, o) {
+  const e = a.componentInstance;
+  if (!e)
+    return;
+  let t = null;
+  return gt(() => {
+    const l = n(o), s = n(l?.bodyRef);
+    t = e.$el, s && s.$el && s.$el.appendChild(t);
+  }), yt(() => {
+    t && t.parentNode && t.parentNode.removeChild(t);
+  }), {
+    componentInstance: e
+  };
+}
+const xn = ["src"], tt = /* @__PURE__ */ P({
+  name: "XDialog",
+  __name: "Dialog",
+  props: yn,
+  emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = pe(), c = D(), i = D(), { state: r, maximized: p, minimized: f, normal: m } = vn(t, c), { styles: h, classes: b, wrapperClass: w, modalStyle: M } = bn(t, r), { changeMode: z, active: I, close: V, show: S, hide: B, submit: T, cancel: j } = hn(
+      t,
+      r,
+      l
+    ), k = _n(t, r, l, c), U = kn(t, r, l), K = wn(t, i);
+    Qe(async () => {
+      t.modelValue && (await ye(), s && l("open", s));
+    });
+    const ce = y(() => i.value?.$el);
+    return o({
+      $vtjEl: ce,
+      panelRef: i,
+      state: r,
+      maximized: p,
+      minimized: f,
+      changeMode: z,
+      show: S,
+      hide: B,
+      submit: T,
+      cancel: j,
+      componentInstance: K
+    }), (Q, ee) => t.modelValue ? (u(), g(vt, {
+      key: 0,
+      to: "body"
+    }, [
+      H("div", {
+        ref_key: "wrapper",
+        ref: c,
+        class: Z(["x-dialog__wrapper", n(w)])
+      }, [
+        t.modal ? (u(), C("div", {
+          key: 0,
+          class: "x-dialog__modal",
+          style: fe(n(M))
+        }, null, 4)) : v("", !0),
+        G((u(), g(n(Se), F({
+          ref_key: "panelRef",
+          ref: i,
+          class: ["x-dialog", n(b)],
+          card: "",
+          shadow: "always",
+          header: { icon: t.icon, subtitle: t.subtitle },
+          width: "800px",
+          height: "600px",
+          footer: { justify: "space-between", flex: !0, align: "center" },
+          style: n(h),
+          size: t.size,
+          body: { padding: t.bodyPadding },
+          onClick: n(I)
+        }, Q.$attrs), he({
+          title: d(() => [
+            R(O(t.title), 1)
+          ]),
+          actions: d(() => [
+            x(Q.$slots, "actions"),
+            t.minimizable ? (u(), g(n(te), {
+              key: 0,
+              icon: n(ko),
+              size: t.size,
+              mode: "icon",
+              type: "primary",
+              background: "hover",
+              onClick: ee[0] || (ee[0] = (ue) => n(z)("minimized"))
+            }, null, 8, ["icon", "size"])) : v("", !0),
+            t.maximizable ? (u(), C(J, { key: 1 }, [
+              n(m) ? (u(), g(n(te), {
+                key: 1,
+                icon: n(xo),
+                size: t.size,
+                mode: "icon",
+                type: "primary",
+                background: "hover",
+                onClick: ee[2] || (ee[2] = (ue) => n(z)("maximized"))
+              }, null, 8, ["icon", "size"])) : (u(), g(n(te), {
+                key: 0,
+                icon: n(wo),
+                size: t.size,
+                mode: "icon",
+                type: "primary",
+                background: "hover",
+                onClick: ee[1] || (ee[1] = (ue) => n(z)("normal"))
+              }, null, 8, ["icon", "size"]))
+            ], 64)) : v("", !0),
+            t.closable ? (u(), g(n(te), {
+              key: 2,
+              icon: n(So),
+              size: t.size,
+              mode: "icon",
+              type: "danger",
+              background: "hover",
+              onClick: n(V)
+            }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
+          ]),
+          default: d(() => [
+            x(Q.$slots, "default", {}, () => [
+              t.content ? (u(), g(W(t.content), { key: 0 })) : v("", !0),
+              t.src ? (u(), C("iframe", {
+                key: 1,
+                src: t.src,
+                class: "x-dialog__frame"
+              }, null, 8, xn)) : v("", !0)
+            ])
+          ]),
+          _: 2
+        }, [
+          t.cancel || t.submit || Q.$slots.footer || Q.$slots.extra || Q.$slots.handle ? {
+            name: "footer",
+            fn: d(() => [
+              x(Q.$slots, "footer", {}, () => [
+                _(n(E), { align: "center" }, {
+                  default: d(() => [
+                    x(Q.$slots, "extra")
+                  ]),
+                  _: 3
+                }),
+                _(n(E), { align: "center" }, {
+                  default: d(() => [
+                    x(Q.$slots, "handle"),
+                    t.cancel ? (u(), g(n(ie), {
+                      key: 0,
+                      type: "default",
+                      size: t.size,
+                      onClick: n(j)
+                    }, {
+                      default: d(() => [
+                        R(O(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "onClick"])) : v("", !0),
+                    t.submit ? (u(), g(n(ie), {
+                      key: 1,
+                      type: "primary",
+                      size: t.size,
+                      onClick: n(T)
+                    }, {
+                      default: d(() => [
+                        R(O(typeof t.submit == "string" ? t.submit : "确定"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "onClick"])) : v("", !0)
+                  ]),
+                  _: 3
+                })
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
+          [n(gn), n(k)],
+          [n(Pt), n(U)]
+        ])
+      ], 2)
+    ])) : v("", !0);
+  }
+});
+function ot(a, o) {
+  const e = document.createElement("div"), t = _(tt, a);
+  t.appContext = o ?? ot._context, nt(t, e);
+  const l = () => {
+    nt(null, e), e.parentNode?.removeChild(e);
+  };
+  return t.props.onDestroy = () => {
+    l();
+  }, document.body.appendChild(e), {
+    vnode: t,
+    destroy: l
+  };
+}
+const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -1), zn = /* @__PURE__ */ P({
+  __name: "Sidebar",
+  props: {
+    collapsed: { type: Boolean }
+  },
+  setup(a) {
+    const o = a;
+    return (e, t) => G((u(), g(n(E), {
+      class: Z(["x-mask-sidebar", { "is-collapsed": o.collapsed }]),
+      grow: !1,
+      flex: "",
+      direction: "column"
+    }, {
+      default: d(() => [
+        x(e.$slots, "brand"),
+        _(n(E), {
+          class: "x-mask-sidebar__wrapper",
+          flex: "",
+          grow: "",
+          direction: "column",
+          justify: "space-between",
+          align: "center"
+        }, {
+          default: d(() => [
+            x(e.$slots, "default"),
+            Sn
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"])), [
+      [n(Pt), {
+        dirs: ["e"],
+        disabled: o.collapsed,
+        maxWidth: 500,
+        minWidth: 200
+      }]
+    ]);
+  }
+}), Cn = /* @__PURE__ */ P({
+  __name: "SwitchBar",
+  props: {
+    collasped: { type: Boolean, default: !1 },
+    favorite: { type: Boolean, default: !1 },
+    keyword: {}
+  },
+  emits: [
+    "update:collasped",
+    "update:keyword",
+    "update:favorite"
+  ],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = D(!1), s = D(""), c = D(!1), i = () => {
+      l.value = !0;
+    }, r = () => {
+      s.value = "", l.value = !1, t("update:keyword", s.value);
+    }, p = () => {
+      t("update:collasped", !e.collasped);
+    }, f = () => {
+      t("update:keyword", s.value);
+    }, m = () => {
+      t("update:favorite", c.value);
+    };
+    return (h, b) => (u(), g(n(E), {
+      class: "x-mask-switch-bar",
+      justify: "space-between",
+      align: "center"
+    }, {
+      default: d(() => [
+        e.collasped ? v("", !0) : (u(), g(n(E), {
+          key: 0,
+          class: "x-mask-switch-bar__left",
+          grow: ""
+        }, {
+          default: d(() => [
+            l.value ? v("", !0) : (u(), g(n(Ze), {
+              key: 0,
+              modelValue: c.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (w) => c.value = w),
+              class: "x-mask-switch-bar__switch",
+              "active-icon": n(xt),
+              "inactive-icon": n(zo),
+              onChange: m
+            }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
+            l.value ? (u(), g(n(Ce), {
+              key: 1,
+              modelValue: s.value,
+              "onUpdate:modelValue": b[1] || (b[1] = (w) => s.value = w),
+              class: "x-mask-switch-bar__input",
+              size: "small",
+              placeholder: "请输入查询关键字",
+              onInput: f,
+              "prefix-icon": n(We)
+            }, {
+              suffix: d(() => [
+                _(n(re), {
+                  icon: n(St),
+                  onClick: r
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "prefix-icon"])) : v("", !0)
+          ]),
+          _: 1
+        })),
+        _(n(E), {
+          class: Z(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+          flex: "",
+          align: "center",
+          justify: "center"
+        }, {
+          default: d(() => [
+            !l.value && !e.collasped ? (u(), g(n(te), {
+              key: 0,
+              icon: n(We),
+              mode: "icon",
+              background: "hover",
+              size: "default",
+              circle: "",
+              onClick: i
+            }, null, 8, ["icon"])) : v("", !0),
+            e.collasped ? (u(), g(n(te), {
+              key: 1,
+              icon: n(Co),
+              mode: "icon",
+              size: "default",
+              background: "hover",
+              onClick: p,
+              circle: ""
+            }, null, 8, ["icon"])) : v("", !0),
+            e.collasped ? v("", !0) : (u(), g(n(te), {
+              key: 2,
+              icon: n(To),
+              mode: "icon",
+              size: "default",
+              background: "hover",
+              circle: "",
+              onClick: p
+            }, null, 8, ["icon"]))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }));
+  }
+}), Tn = ["src"], $n = { key: 0 }, Mn = /* @__PURE__ */ P({
+  __name: "Brand",
+  props: {
+    collapsed: { type: Boolean, default: !1 },
+    logo: {},
+    title: {},
+    url: {}
+  },
+  setup(a) {
+    const o = a, e = qe(), t = () => {
+      o.url && e.push(o.url);
+    };
+    return (l, s) => (u(), g(n(E), {
+      class: Z(["x-mask-brand", { "is-collapsed": o.collapsed }]),
+      align: "center"
+    }, {
+      default: d(() => [
+        _(n(E), {
+          class: "x-mask-brand__logo",
+          flex: "",
+          justify: "center",
+          align: "center",
+          onClick: t
+        }, {
+          default: d(() => [
+            x(l.$slots, "logo", {}, () => [
+              o.logo ? (u(), C("img", {
+                key: 0,
+                src: o.logo
+              }, null, 8, Tn)) : v("", !0)
+            ])
+          ]),
+          _: 3
+        }),
+        _(n(E), {
+          class: "x-mask-brand__title",
+          flex: "",
+          align: "center"
+        }, {
+          default: d(() => [
+            o.title ? (u(), C("span", $n, [
+              x(l.$slots, "title", {}, () => [
+                R(O(o.title), 1)
+              ])
+            ])) : v("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ee = "__favorites__", Ie = "__search__", En = /* @__PURE__ */ P({
+  __name: "Menu",
+  props: {
+    collapse: { type: Boolean, default: !1 },
+    keyword: {},
+    favorite: { type: Boolean },
+    favorites: {},
+    flatMenus: {},
+    menus: {},
+    active: {}
+  },
+  emits: ["select"],
+  setup(a, { emit: o }) {
+    const e = a, t = y(() => e.menus || []), l = o, s = y(() => String(e.active?.id)), c = y(() => [
+      {
+        id: Ee,
+        title: "收藏",
+        icon: zt,
+        children: e.favorites?.length ? e.favorites : [
+          {
+            id: Ee + "empty",
+            disabled: !0,
+            title: "暂无收藏菜单"
+          }
+        ]
+      }
+    ]), i = y(() => {
+      const p = (e.keyword || "").trim(), f = p ? (e.flatMenus || []).filter((m) => m.title?.includes(p)) : [];
+      return [
+        {
+          id: Ie,
+          title: "搜索",
+          icon: We,
+          children: f?.length ? f : [
+            {
+              id: Ie + "empty",
+              disabled: !0,
+              title: "查询匹配不到菜单项"
+            }
+          ]
+        }
+      ];
+    }), r = (p) => {
+      l("select", p);
+    };
+    return (p, f) => (u(), C(J, null, [
+      G(_(n(E), {
+        class: "x-mask-menu",
+        grow: "",
+        flex: !1,
+        overflow: "auto"
+      }, {
+        default: d(() => [
+          G(_(n(de), {
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0,
+              showTimeout: 200,
+              hideTimeout: 200
+            },
+            data: t.value,
+            "default-icon": n(me),
+            collapse: !0,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active"]), [
+            [ne, e.collapse]
+          ]),
+          G(_(n(de), {
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0
+            },
+            data: t.value,
+            "default-icon": n(me),
+            collapse: !1,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active"]), [
+            [ne, !e.collapse]
+          ]),
+          t.value.length ? v("", !0) : (u(), g(n(_t), {
+            key: 0,
+            description: "暂无菜单数据"
+          }))
+        ]),
+        _: 1
+      }, 512), [
+        [ne, !e.favorite && !e.keyword]
+      ]),
+      G(_(n(E), {
+        class: "x-mask-menu",
+        grow: "",
+        flex: !1,
+        overflow: "auto"
+      }, {
+        default: d(() => [
+          G(_(n(de), {
+            class: "x-mask-menu__favorites",
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0,
+              showTimeout: 200,
+              hideTimeout: 200
+            },
+            data: c.value,
+            "default-icon": n(me),
+            collapse: !0,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            "default-openeds": [Ee],
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
+            [ne, e.collapse]
+          ]),
+          G(_(n(de), {
+            class: "x-mask-menu__favorites",
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0,
+              showTimeout: 200,
+              hideTimeout: 200
+            },
+            data: c.value,
+            "default-icon": n(me),
+            collapse: !1,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            "default-openeds": [Ee],
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
+            [ne, !e.collapse]
+          ])
+        ]),
+        _: 1
+      }, 512), [
+        [ne, e.favorite && !e.keyword]
+      ]),
+      e.keyword ? G((u(), g(n(E), {
+        key: 0,
+        class: "x-mask-menu",
+        grow: "",
+        flex: !1,
+        overflow: "auto"
+      }, {
+        default: d(() => [
+          G(_(n(de), {
+            class: "x-mask-menu__search",
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0,
+              showTimeout: 200,
+              hideTimeout: 200
+            },
+            data: i.value,
+            "default-icon": n(me),
+            collapse: !0,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            "default-openeds": [Ie],
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
+            [ne, e.collapse]
+          ]),
+          G(_(n(de), {
+            class: "x-mask-menu__search",
+            subMenu: {
+              popperClass: "x-mask-menu-popper",
+              teleported: !0,
+              showTimeout: 200,
+              hideTimeout: 200
+            },
+            data: i.value,
+            "default-icon": n(me),
+            collapse: !1,
+            "collapse-transition": !1,
+            "default-active": s.value,
+            "default-openeds": [Ie],
+            onSelect: r
+          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
+            [ne, !e.collapse]
+          ])
+        ]),
+        _: 1
+      }, 512)), [
+        [ne, !!e.keyword]
+      ]) : v("", !0)
+    ], 64));
+  }
+}), In = "data:image/png;base64,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", Bn = 140, Pn = {
+  /**
+   * 系统logo
+   */
+  logo: {
+    type: String,
+    default: In
+  },
+  /**
+   * 系统标题
+   */
+  title: {
+    type: String,
+    default: "VTJ.PRO"
+  },
+  /**
+   * 菜单项数据
+   */
+  menus: {
+    type: [Array, Function],
+    default() {
+      return [];
+    }
+  },
+  /**
+   * 收藏菜单项
+   */
+  favorites: {
+    type: [Array, Function],
+    default() {
+      return [];
+    }
+  },
+  /**
+   * 菜单项数据适配函数，用作转换菜单项数据
+   */
+  menuAdapter: {
+    type: Function
+  },
+  /**
+   * 主页Tab配置
+   */
+  home: {
+    type: [String, Object],
+    default: "/"
+  },
+  /**
+   * 最大tabs数量
+   */
+  tabs: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * 右上角工具条配置
+   */
+  actions: {
+    type: Array
+  },
+  /**
+   * 用户头像图片url
+   */
+  avatar: {
+    type: String
+  },
+  /**
+   * 开启主题切换
+   */
+  theme: {
+    type: Boolean
+  },
+  /**
+   * 禁用框架容器
+   */
+  disabled: {
+    type: Boolean
+  },
+  addFavorite: {
+    type: Function
+  },
+  removeFavorite: {
+    type: Function
+  }
+}, Vt = Symbol(), At = Symbol(), Vn = { class: "x-mask-tabs__trigger" }, An = { key: 1 }, Dn = ["onDragstart", "onDragend"], Rn = { key: 1 }, On = /* @__PURE__ */ P({
+  __name: "Tabs",
+  props: {
+    tabs: {},
+    home: {},
+    isActiveTab: { type: Function },
+    value: {},
+    favorites: {}
+  },
+  emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = (f) => {
+      const m = !!e.favorites.find(
+        (h) => h === f.menu || h.id === f.menu?.id
+      );
+      return [
+        {
+          icon: $o,
+          label: "刷新",
+          name: "refresh",
+          value: f
+        },
+        "|",
+        {
+          icon: m ? xt : zt,
+          label: "收藏",
+          name: "favorite",
+          value: f.menu,
+          disabled: !f.menu
+        },
+        "|",
+        {
+          icon: Mo,
+          label: "弹窗",
+          name: "dialog",
+          value: f
+        }
+      ];
+    }, s = (f) => {
+      const m = f.paneName;
+      if (m === e.home.id) {
+        t("click", e.home);
+        return;
+      }
+      const h = e.tabs.find((b) => b.id === m);
+      h && t("click", h);
+    }, c = (f) => {
+      const m = e.tabs.find((h) => h.id === f);
+      m && t("remove", m);
+    }, i = (f) => {
+      switch (f.name) {
+        case "refresh":
+          t("refresh", f.value);
+          break;
+        case "favorite":
+          t("toggleFavorite", f.value);
+          break;
+        case "dialog":
+          t("dialog", f.value);
+          break;
+      }
+    }, r = (f, m) => {
+      m.dataTransfer && (m.dataTransfer.setData("tab", f.id), m.target && m.target.classList.add("is-dagging"));
+    }, p = (f, m) => {
+      m.target && m.target.classList.remove("is-dagging");
+    };
+    return (f, m) => (u(), g(n(E), {
+      ref: "tabsRef",
+      class: "x-mask-tabs",
+      height: "100%",
+      grow: "",
+      flex: "",
+      justify: "flex-end",
+      direction: "column"
+    }, {
+      default: d(() => [
+        _(n(kt), {
+          type: "card",
+          "model-value": e.value,
+          onTabRemove: c,
+          onTabClick: s
+        }, {
+          default: d(() => [
+            e.home ? (u(), g(n(Le), {
+              key: 0,
+              name: e.home.id
+            }, {
+              label: d(() => [
+                H("div", Vn, [
+                  e.home.icon ? (u(), g(W(n(_e)(e.home.icon)), { key: 0 })) : v("", !0),
+                  e.home.title ? (u(), C("span", An, O(e.home.title), 1)) : v("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["name"])) : v("", !0),
+            (u(!0), C(J, null, Y(e.tabs, (h) => (u(), g(n(Le), {
+              key: h.id,
+              name: h.id,
+              lazy: "",
+              closable: ""
+            }, {
+              label: d(() => [
+                _(n(wt), {
+                  "open-delay": 500,
+                  placement: "bottom",
+                  trigger: "hover",
+                  width: "200px",
+                  disabled: h.id !== e.value
+                }, {
+                  reference: d(() => [
+                    H("div", {
+                      class: "x-mask-tabs__trigger",
+                      draggable: "true",
+                      onDragstart: (b) => r(h, b),
+                      onDragend: (b) => p(h, b)
+                    }, [
+                      h.icon ? (u(), g(W(n(_e)(h.icon)), { key: 0 })) : v("", !0),
+                      h.title ? (u(), C("span", Rn, O(h.title), 1)) : v("", !0)
+                    ], 40, Dn)
+                  ]),
+                  default: d(() => [
+                    _(n(Oe), {
+                      items: l(h),
+                      mode: "text",
+                      size: "small",
+                      type: "info",
+                      onClick: i
+                    }, null, 8, ["items"])
+                  ]),
+                  _: 2
+                }, 1032, ["disabled"])
+              ]),
+              _: 2
+            }, 1032, ["name"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]),
+      _: 1
+    }, 512));
+  }
+}), Fn = /* @__PURE__ */ P({
+  __name: "ThemeSwitch",
+  setup(a) {
+    const o = Oo();
+    return (e, t) => (u(), g(n(Ze), {
+      class: "x-mask-theme-switch",
+      modelValue: n(o),
+      "onUpdate:modelValue": t[0] || (t[0] = (l) => Be(o) ? o.value = l : null),
+      size: "default",
+      "active-action-icon": n(Eo),
+      "inactive-action-icon": n(Io)
+    }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
+  }
+}), jn = { class: "x-mask-toolbar__menu-item" }, Nn = /* @__PURE__ */ P({
+  __name: "Toolbar",
+  props: {
+    tabs: { default: () => [] },
+    actions: {},
+    theme: { type: Boolean }
+  },
+  emits: [
+    "closeOtherTabs",
+    "closeAllTabs",
+    "closeTab",
+    "clickTab",
+    "actionClick",
+    "actionCommand"
+  ],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = y(() => {
+      const p = e.tabs.map((f, m) => ({
+        divided: m === 0,
+        label: f.title,
+        command: f
+      }));
+      return [
+        {
+          label: "关闭其他",
+          command: "other"
+        },
+        {
+          label: "关闭全部",
+          command: "all"
+        },
+        ...p
+      ];
+    }), s = (p) => {
+      t("closeTab", p.command);
+    }, c = (p) => {
+      switch (p.command) {
+        case "all":
+          t("closeAllTabs");
+          break;
+        case "other":
+          t("closeOtherTabs");
+          break;
+        default:
+          t("clickTab", p.command);
+          break;
+      }
+    }, i = (p) => {
+      t("actionClick", p);
+    }, r = (p, f) => {
+      t("actionCommand", p, f);
+    };
+    return (p, f) => (u(), g(n(E), {
+      class: "x-mask-toolbar",
+      align: "center"
+    }, {
+      default: d(() => [
+        _(n(te), {
+          icon: n(Bo),
+          menus: l.value,
+          dropdown: { size: "small" },
+          mode: "icon",
+          circle: "",
+          background: "hover",
+          onCommand: c
+        }, {
+          item: d(({ item: m }) => [
+            H("span", jn, [
+              R(O(m.label) + " ", 1),
+              ["other", "all"].includes(m.command) ? v("", !0) : (u(), g(n(re), {
+                key: 0,
+                onClick: bt((h) => s(m), ["stop"]),
+                icon: n(St)
+              }, null, 8, ["onClick", "icon"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["icon", "menus"]),
+        _(n(se), { direction: "vertical" }),
+        e.actions ? (u(), g(n(Oe), {
+          key: 0,
+          circle: "",
+          mode: "icon",
+          size: "default",
+          background: "hover",
+          items: p.actions,
+          onClick: i,
+          onCommand: r
+        }, null, 8, ["items"])) : v("", !0),
+        e.actions ? (u(), g(n(se), {
+          key: 1,
+          direction: "vertical"
+        })) : v("", !0),
+        e.theme ? (u(), g(Fn, { key: 2 })) : v("", !0),
+        e.theme ? (u(), g(n(se), {
+          key: 3,
+          direction: "vertical"
+        })) : v("", !0),
+        x(p.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), Xn = /* @__PURE__ */ P({
+  __name: "Avatar",
+  props: {
+    avatar: {}
+  },
+  setup(a) {
+    const o = a;
+    return (e, t) => (u(), g(n(wt), {
+      width: 200,
+      "popper-class": "x-mask-avatar__popper",
+      disabled: !e.$slots.default
+    }, {
+      reference: d(() => [
+        _(n(eo), {
+          class: "x-mask-avatar",
+          shape: "circle",
+          icon: n(Po),
+          src: o.avatar,
+          size: 26
+        }, null, 8, ["icon", "src"])
+      ]),
+      default: d(() => [
+        e.$slots.default ? x(e.$slots, "default", { key: 0 }) : v("", !0)
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+}), ft = /* @__PURE__ */ P({
+  __name: "Content",
+  props: {
+    createView: { type: Function },
+    exclude: {}
+  },
+  setup(a) {
+    const o = a;
+    return (e, t) => (u(), g(n(E), {
+      class: "x-mask__content",
+      flex: !1,
+      grow: "",
+      padding: !1
+    }, {
+      default: d(() => [
+        x(e.$slots, "default"),
+        _(n(Lo), null, {
+          default: d(({ Component: l, route: s }) => [
+            (u(), g(Kt, {
+              exclude: o.exclude
+            }, [
+              l ? (u(), g(W(o.createView(l, s)), {
+                key: s.fullPath
+              })) : v("", !0)
+            ], 1032, ["exclude"]))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+function Un() {
+  const a = D(!1), o = D(""), e = D(!1);
+  return {
+    collapsed: a,
+    keyword: o,
+    favorite: e
+  };
+}
+function Hn(a) {
+  const o = Tt();
+  return y(() => {
+    const e = a.home;
+    return Object.assign(
+      { id: o, url: "/", name: "MaskHome", icon: Vo, closable: !1 },
+      typeof e == "string" ? { url: e } : e || {}
+    );
+  });
+}
+function Dt(a, o) {
+  let e = [];
+  return a.forEach((t) => {
+    t = o ? o(t) : t, t.children ? e = e.concat(Dt(t.children, o)) : e.push(t);
+  }), e;
+}
+function Kn(a, o) {
+  const e = qe(), t = Ve([]), l = Ve([]), s = y(() => Dt(t.value, a.menuAdapter)), c = y(() => No(s.value, "id")), i = D(null), r = (w) => {
+    const M = typeof w == "object" ? w.id : w, z = c.value.get(M);
+    if (!z) {
+      console.warn("找不到菜单", w);
+      return;
+    }
+    const { type: I = "route", url: V, title: S, icon: B } = z;
+    if (!V) {
+      i.value = z, o("select", z);
+      return;
+    }
+    if (I === "route") {
+      Xo(V) || V.startsWith("//") ? window.open(V) : (i.value = z, e.push(V).catch((T) => T));
+      return;
+    }
+    if (I === "window") {
+      window.open(V);
+      return;
+    }
+    I === "dialog" && ot({
+      resizable: !0,
+      bodyPadding: !1,
+      width: "80%",
+      height: "80%",
+      title: S,
+      icon: B,
+      src: V
+    });
+  }, p = async () => {
+    t.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
+  }, f = (w) => {
+    l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
+  }, m = (w) => {
+    l.value = l.value.filter((M) => M.id !== w.id), a.removeFavorite && a.removeFavorite(w);
+  }, h = (w) => !!l.value.find((M) => M === w || M.id === w.id), b = (w) => {
+    h(w) ? m(w) : f(w);
+  };
+  return Qe(p), {
+    menus: t,
+    favorites: l,
+    flatMenus: s,
+    active: i,
+    select: r,
+    toggleFavorite: b
+  };
+}
+function Ln(a, o, e, t, l) {
+  const s = Mt(), c = qe(), i = {}, r = D([]), p = D(), { width: f } = Ct(p), m = y(() => Math.floor(f.value / Bn)), h = y(
+    () => r.value.slice(0, m.value).filter(($) => !$.dialog)
+  ), b = y(() => r.value.slice(m.value)), w = ($) => e.value.find((A) => A.url === $), M = ($) => s.fullPath === $.url, z = ($) => l.value.id === $ ? l.value : r.value.find((A) => A.id === $), I = D(""), V = y(() => z(I.value)), S = ($) => {
+    c.push($.url).catch((A) => A);
+  }, B = ($) => {
+    I.value = $.id, s.fullPath !== $.url && S($);
+  }, T = () => {
+    S(l.value);
+  }, j = ($) => {
+    const A = r.value.find((N) => N.url === $.url || N.id === $.id);
+    A ? B(A) : (r.value.unshift($), B($));
+  }, k = async ($) => {
+    const { url: A = s.fullPath, icon: N, title: Te = "新建标签页" } = $ || {}, $e = i[A], Fe = Tt(), je = $t(A);
+    return {
+      id: Fe,
+      name: je,
+      url: A,
+      icon: N,
+      title: Te,
+      closable: !0,
+      menu: $,
+      ...$e ? await $e() : {}
+    };
+  }, U = async ($) => {
+    if (await Ne.confirm("是否关闭页签", "提示", {
+      type: "warning"
+    }).catch(() => !1)) {
+      if (r.value = r.value.filter((N) => N.id !== $.id), I.value === $.id) {
+        const N = r.value[0];
+        S(N || l.value);
+      }
+      return $;
+    }
+  }, K = ($) => {
+    const A = r.value.findIndex((N) => N.id === $.id);
+    if (A >= 0) {
+      const N = r.value[A];
+      r.value.splice(A, 1, Object.assign(N, $));
+    }
+  }, ce = async () => {
+    if (!await Ne.confirm("是否关闭全部页签", "提示", {
+      type: "warning"
+    }).catch(() => !1))
+      return;
+    const A = r.value;
+    return r.value = [], B(l.value), A;
+  }, Q = async () => {
+    if (!await Ne.confirm("是否关闭其他页签", "提示", {
+      type: "warning"
+    }).catch(() => !1))
+      return;
+    const A = r.value.filter((N) => N.id !== I.value);
+    return r.value = r.value.filter((N) => N.id === I.value), A;
+  }, ee = ($) => {
+    const A = r.value.filter((N) => N.id !== $.id);
+    r.value = [$, ...A], B($);
+  }, ue = async () => {
+    await ye();
+    const $ = l.value.url === s.fullPath, A = w(s.fullPath);
+    if ($)
+      I.value = l.value.id;
+    else {
+      const N = await k(A);
+      j(N);
+    }
+    await ye(), t.value = A || null;
+  };
+  return L(e, ue), L(s, ue, { immediate: !0 }), ze(Vt, i), {
+    tabRef: p,
+    tabs: r,
+    showTabs: h,
+    currentTab: V,
+    changeTab: S,
+    removeTab: U,
+    updateTab: K,
+    addTab: j,
+    home: l,
+    tabValue: I,
+    isCurrentTab: M,
+    activeHome: T,
+    activeTab: B,
+    dropdownTabs: b,
+    removeAllTabs: ce,
+    removeOtherTabs: Q,
+    moveToShow: ee
+  };
+}
+function Wn(a) {
+  const o = /* @__PURE__ */ new Map(), e = D([]), t = Re({}), l = pe(), s = {}, { updateTab: c, isCurrentTab: i, activeHome: r, tabs: p } = a, f = (S, B) => {
+    const T = B.fullPath;
+    if (o.has(T))
+      return o.get(T);
+    {
+      const j = $t(T), k = {
+        name: j,
+        setup() {
+          const U = y(() => t[T] || document.body), K = y(() => !t[T]), ce = y(() => !e.value.includes(j));
+          return ze(
+            Wo,
+            ge({ ...B })
+          ), () => ce.value ? ae(
+            vt,
+            {
+              to: U.value,
+              disabled: K.value
+            },
+            [ae(S)]
+          ) : null;
+        }
+      };
+      return o.set(T, k), k;
+    }
+  }, m = (S) => {
+    S.dialog = void 0, delete t[S.url];
+    const B = s[S.id];
+    B && (B.destroy(), delete s[S.id], c(S));
+  }, h = (S = []) => {
+    S.forEach((B) => {
+      m(B);
+    });
+  }, b = async (S) => {
+    S.dialog = {
+      ...S.dialog,
+      onMinimized: () => {
+        m(S);
+      },
+      onClose: async () => {
+        m(S), p.value = p.value.filter((T) => T.id !== S.id);
+      }
+    }, c(S);
+    const B = ot(
+      {
+        title: S.title,
+        icon: S.icon,
+        modal: !1,
+        resizable: !0,
+        draggable: !0,
+        maximizable: !0,
+        minimizable: !0,
+        ...S.dialog,
+        onOpen(T) {
+          t[S.url] = T.refs.panelRef?.bodyRef?.$el;
+        }
+      },
+      l?.appContext
+    );
+    return await ye(), i(S) && r(), s[S.id] = B, B;
+  }, w = async (S) => {
+    e.value = [S.name], await ye(), e.value = [];
+  }, M = async (S) => {
+    e.value = S.map((B) => B.name), await ye(), e.value = [];
+  }, z = (S) => (S.preventDefault(), !1), I = (S) => {
+    if (S.dataTransfer) {
+      const B = S.dataTransfer.getData("tab"), T = p.value.find((j) => j.id === B);
+      if (T) {
+        const { clientX: j, clientY: k } = S;
+        T.dialog = {
+          left: j,
+          top: k
+        }, b(T);
+      }
+    }
+  }, V = (S) => !!t[S];
+  return De(document, "dragover", z), De(document, "drop", I), {
+    createView: f,
+    openDialog: b,
+    refresh: w,
+    exclude: e,
+    cleanCache: M,
+    hasDialog: V,
+    closeDialog: m,
+    closeDialogs: h
+  };
+}
+const Jn = /* @__PURE__ */ P({
+  name: "XMask",
+  __name: "Mask",
+  props: Pn,
+  emits: ["select", "actionClick", "actionCommand"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = Hn(e), { collapsed: s, keyword: c, favorite: i } = Un(), { menus: r, favorites: p, flatMenus: f, active: m, select: h, toggleFavorite: b } = Kn(e, t), {
+      tabRef: w,
+      showTabs: M,
+      currentTab: z,
+      changeTab: I,
+      removeTab: V,
+      tabs: S,
+      updateTab: B,
+      isCurrentTab: T,
+      activeHome: j,
+      removeAllTabs: k,
+      removeOtherTabs: U,
+      dropdownTabs: K,
+      moveToShow: ce
+    } = Ln(e, t, f, m, l), { createView: Q, openDialog: ee, refresh: ue, exclude: $, cleanCache: A, closeDialogs: N } = Wn({
+      tabs: S,
+      updateTab: B,
+      isCurrentTab: T,
+      activeHome: j
+    }), Te = async (X) => {
+      await V(X) && await A([X]);
+    }, $e = async () => {
+      const X = await k();
+      X && (N(X), await A(X));
+    }, Fe = async () => {
+      const X = await U();
+      X && (N(X), await A(X));
+    }, je = (X) => {
+      t("actionClick", X);
+    }, Xt = (X, oe) => {
+      t("actionCommand", X, oe);
+    };
+    return ze(At, {
+      tabs: S,
+      flatMenus: f,
+      favorites: p,
+      updateTab: B,
+      active: m,
+      currentTab: z
+    }), (X, oe) => (u(), g(n(E), {
+      class: Z(["x-mask", { "is-disabled": e.disabled }]),
+      fit: ""
+    }, {
+      default: d(() => [
+        e.disabled ? (u(), g(ft, {
+          key: 1,
+          createView: n(Q),
+          exclude: n($)
+        }, {
+          default: d(() => [
+            X.$slots.default ? x(X.$slots, "default", { key: 0 }) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["createView", "exclude"])) : (u(), C(J, { key: 0 }, [
+          _(zn, { collapsed: n(s) }, {
+            brand: d(() => [
+              _(Mn, {
+                logo: e.logo,
+                title: e.title,
+                url: n(l).url,
+                collapsed: n(s)
+              }, null, 8, ["logo", "title", "url", "collapsed"])
+            ]),
+            default: d(() => [
+              _(Cn, {
+                collasped: n(s),
+                "onUpdate:collasped": oe[0] || (oe[0] = (we) => Be(s) ? s.value = we : null),
+                favorite: n(i),
+                "onUpdate:favorite": oe[1] || (oe[1] = (we) => Be(i) ? i.value = we : null),
+                keyword: n(c),
+                "onUpdate:keyword": oe[2] || (oe[2] = (we) => Be(c) ? c.value = we : null)
+              }, null, 8, ["collasped", "favorite", "keyword"]),
+              _(En, {
+                collapse: n(s),
+                keyword: n(c),
+                favorite: n(i),
+                favorites: n(p),
+                flatMenus: n(f),
+                menus: n(r),
+                active: n(m),
+                onSelect: n(h)
+              }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
+            ]),
+            _: 1
+          }, 8, ["collapsed"]),
+          _(n(E), {
+            class: "x-mask__main",
+            grow: "",
+            shrink: "",
+            flex: "",
+            direction: "column"
+          }, {
+            default: d(() => [
+              _(n(E), {
+                class: "x-mask-topbar",
+                justify: "space-between",
+                align: "center"
+              }, {
+                default: d(() => [
+                  _(On, {
+                    ref_key: "tabRef",
+                    ref: w,
+                    favorites: n(p),
+                    tabs: n(M),
+                    home: n(l),
+                    value: n(z)?.id,
+                    onClick: n(I),
+                    onToggleFavorite: n(b),
+                    onRemove: Te,
+                    onDialog: n(ee),
+                    onRefresh: n(ue)
+                  }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
+                  _(Nn, {
+                    tabs: n(K),
+                    actions: e.actions,
+                    theme: e.theme,
+                    onCloseOtherTabs: Fe,
+                    onCloseAllTabs: $e,
+                    onCloseTab: Te,
+                    onClickTab: n(ce),
+                    onActionClick: je,
+                    onActionCommand: Xt
+                  }, {
+                    default: d(() => [
+                      _(Xn, {
+                        avatar: e.avatar
+                      }, he({ _: 2 }, [
+                        X.$slots.user ? {
+                          name: "default",
+                          fn: d(() => [
+                            x(X.$slots, "user")
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["avatar"])
+                    ]),
+                    _: 3
+                  }, 8, ["tabs", "actions", "theme", "onClickTab"])
+                ]),
+                _: 3
+              }),
+              _(ft, {
+                createView: n(Q),
+                exclude: n($)
+              }, {
+                default: d(() => [
+                  X.$slots.default ? x(X.$slots, "default", { key: 0 }) : v("", !0)
+                ]),
+                _: 3
+              }, 8, ["createView", "exclude"])
+            ]),
+            _: 3
+          })
+        ], 64))
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+function Oa(a = {}) {
+  const o = Mt(), e = xe(Vt, null), t = xe(At, null);
+  if (e) {
+    const s = typeof a == "function" ? a : async () => a;
+    e[o.fullPath] = s;
+  }
+  return {
+    tab: y(() => t ? t.tabs.value.find((s) => s.url === o.fullPath) : null),
+    mask: t
+  };
+}
+const Qn = /* @__PURE__ */ P({
+  __name: "SelectEditor",
+  props: {
+    options: { default: () => [] }
+  },
+  setup(a) {
+    const o = a;
+    return (e, t) => (u(), g(n(to), le(be(e.$attrs)), {
+      default: d(() => [
+        (u(!0), C(J, null, Y(o.options, (l, s) => (u(), g(n(oo), F({
+          key: `item_${s}_${l.value}`
+        }, l), he({ _: 2 }, [
+          e.$slots.option ? {
+            name: "default",
+            fn: d(() => [
+              x(e.$slots, "option", { option: l })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040))), 128))
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Zn = /* @__PURE__ */ P({
+  __name: "CheckboxEditor",
+  props: {
+    options: { default: () => [] },
+    button: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const o = a, e = y(
+      () => ke(o.button ? no : ao)
+    );
+    return (t, l) => (u(), g(n(so), le(be(t.$attrs)), {
+      default: d(() => [
+        (u(!0), C(J, null, Y(o.options, (s, c) => (u(), g(W(e.value), {
+          key: `item_${c}_${s.value}`,
+          label: s.value
+        }, {
+          default: d(() => [
+            R(O(s.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Gn = /* @__PURE__ */ P({
+  __name: "RadioEditor",
+  props: {
+    options: { default: () => [] },
+    button: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const o = a, e = y(
+      () => ke(o.button ? lo : io)
+    );
+    return (t, l) => (u(), g(n(ro), le(be(t.$attrs)), {
+      default: d(() => [
+        (u(!0), C(J, null, Y(o.options, (s, c) => (u(), g(W(e.value), {
+          key: `item_${c}_${s.value}`,
+          label: s.value
+        }, {
+          default: d(() => [
+            R(O(s.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Rt = {
+  none: {
+    component: "div",
+    props: {
+      class: "x-field-none"
+    }
+  },
+  text: {
+    component: Ce,
+    props: {
+      clearable: !0
+    },
+    defaultValue: ""
+  },
+  textarea: {
+    component: Ce,
+    props: {
+      type: "textarea",
+      rows: 2
+    },
+    defaultValue: ""
+  },
+  select: {
+    component: Qn,
+    props: {
+      clearable: !0
+    }
+  },
+  checkbox: {
+    component: Zn,
+    props: {},
+    defaultValue: []
+  },
+  radio: {
+    component: Gn,
+    props: {}
+  },
+  number: {
+    component: co,
+    props: {}
+  },
+  date: {
+    component: at,
+    props: {}
+  },
+  time: {
+    component: uo,
+    props: {}
+  },
+  datetime: {
+    component: at,
+    props: {
+      type: "datetime"
+    }
+  },
+  switch: {
+    component: Ze,
+    props: {}
+  },
+  rate: {
+    component: po,
+    props: {}
+  },
+  slider: {
+    component: fo,
+    props: {}
+  },
+  cascader: {
+    component: mo,
+    props: {}
+  }
+}, Yn = {
+  /**
+   * 字段名称
+   */
+  name: {
+    type: String
+  },
+  /**
+   * 字段标题文本
+   */
+  label: {
+    type: String
+  },
+  /**
+   * 编辑器组件
+   */
+  editor: {
+    type: [String, Object],
+    default: "text"
+  },
+  /**
+   * 编辑器组件参数
+   */
+  props: {
+    type: Object
+  },
+  /**
+   * 字段值
+   */
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default(a) {
+      return Rt[a.editor]?.defaultValue;
+    }
+  },
+  /**
+   * 输入框尺寸
+   */
+  size: {
+    type: String
+  },
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * 是否在tooltip显示校验信息
+   */
+  tooltipMessage: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  /**
+   * tooltip信息显示相对输入框的位置
+   */
+  tooltipPosition: {
+    type: [String, Number],
+    default: "outer"
+  },
+  /**
+   * null 不显示 placeholder
+   */
+  placeholder: {
+    type: String
+  },
+  /**
+   * 禁用
+   */
+  disabled: {
+    type: Boolean
+  },
+  /**
+   * 只读
+   */
+  readonly: {
+    type: Boolean
+  },
+  /**
+   * 选项数据
+   */
+  options: {
+    type: [Array, Function]
+  },
+  /**
+   * 是否显示控制
+   */
+  visible: {
+    type: [Boolean, Object, Function],
+    default: !0
+  },
+  /**
+   * 级联字段，根据字段值变化刷新options
+   */
+  cascader: {
+    type: [String, Array]
+  },
+  /**
+   * 校验错误信息
+   */
+  error: {
+    type: String
+  },
+  /**
+   * 提示文本
+   */
+  tip: {
+    type: String
+  }
+};
+async function qn(a, o) {
+  const e = a.options;
+  return e ? typeof e == "function" ? await e(o) || [] : e : [];
+}
+function ea(a, o, e, t, l) {
+  const s = D([]), c = y(() => !t || !l ? {} : Uo(a.cascader).reduce((p, f) => (p[f] = Pe(l, f), p), {}));
+  return L(
+    c,
+    async (r) => {
+      if (e.value) {
+        s.value = await qn(a, r);
+        const p = t?.exposed?.reset;
+        p && a.name && p(a.name);
+      }
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    editor: y(() => {
+      const {
+        editor: r = "text",
+        placeholder: p,
+        label: f = "...",
+        disabled: m,
+        readonly: h
+      } = a, b = {
+        ...a.props,
+        placeholder: p || (p === null ? void 0 : `请输入${f}`),
+        disabled: m,
+        readonly: h,
+        options: s.value,
+        onFocus: () => o("focus"),
+        onBlur: () => o("blur"),
+        onChange: (M) => o("change", M)
+      }, w = typeof r == "string" ? Rt[r] : {
+        component: r,
+        props: {}
+      };
+      return Ho({}, w, {
+        props: b
+      });
+    })
+  };
+}
+const ta = {
+  key: 1,
+  class: "el-form-item__error"
+}, oa = { class: "x-field__editor_wrap" }, na = {
+  key: 0,
+  class: "x-field__tip"
+}, Ot = /* @__PURE__ */ P({
+  name: "XField",
+  __name: "Field",
+  props: Yn,
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = xe(Ft, null), c = xe(go, null), i = xe(jt, null), r = y(() => !s?.proxy || !i ? t.visible : typeof t.visible == "function" ? t.visible(i) : Ye(t.visible) ? Object.entries(t.visible).every(([U, K]) => Pe(i, U) === K) : t.visible), p = () => s?.proxy && i && t.name ? Pe(i, t.name) ?? t.modelValue : t.modelValue, f = D(p()), { editor: m } = ea(
+      t,
+      l,
+      r,
+      s,
+      i
+    ), h = D(), b = D(), w = y(
+      () => t.size || c?.size || "default"
+    ), M = y(() => Object.assign(
+      {},
+      s?.props.tooltipMessage || {},
+      typeof t.tooltipMessage == "boolean" ? {} : t.tooltipMessage
+    )), z = (k = "") => t.error ? t.error : k.includes("is required") ? `${t.label || t.name}是必填项！` : k, I = y(() => {
+      const k = s?.props.tooltipMessage ?? t.tooltipMessage;
+      return {
+        [`is-tooltip-${t.tooltipPosition}`]: !!k && !!t.tooltipPosition
+      };
+    }), V = y(() => {
+      const k = s?.proxy;
+      return {
+        width: t.width ? q(t.width) : k && k.inline && k.inlineColumns ? `${100 / k.inlineColumns}%` : null
+      };
+    }), S = y(() => ({
+      right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
+    })), B = y(() => ({
+      ...m.value.props,
+      modelValue: f.value,
+      "onUpdate:modelValue": (k) => {
+        f.value = k;
+      }
+    }));
+    return L(f, (k, U) => {
+      r.value && !Ge(k, U) && (l("update:modelValue", k), s?.proxy && i && t.name && Ue(i, t.name, k));
+    }), L(
+      () => !s?.proxy || !t.name || !i ? t.modelValue : Pe(i, t.name) ?? t.modelValue,
+      (k) => {
+        r.value && (f.value = k);
+      },
+      {
+        immediate: !0
+      }
+    ), L(
+      r,
+      (k) => {
+        s?.proxy && i && t.name && (k ? (f.value = p(), Ue(i, t.name, f.value)) : (f.value = void 0, Ue(i, t.name, void 0)));
+      },
+      {
+        immediate: !0
+      }
+    ), o({
+      fieldValue: f,
+      itemRef: h,
+      editorRef: b,
+      focus: () => {
+        b.value?.focus && b.value.focus();
+      },
+      blur: () => {
+        b.value?.foucs && b.value.blur();
+      }
+    }), (k, U) => r.value ? (u(), g(n(yo), F({
+      key: 0,
+      class: ["x-field", I.value],
+      ref_key: "itemRef",
+      ref: h,
+      prop: t.name,
+      label: k.label,
+      size: w.value,
+      style: V.value
+    }, k.$attrs), he({
+      error: d(({ error: K }) => [
+        x(k.$slots, "error", { error: K }, () => [
+          n(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), C("div", {
+            key: 0,
+            class: "x-field__info",
+            style: fe(S.value)
+          }, [
+            _(n(ht), F({
+              content: z(K)
+            }, M.value), {
+              default: d(() => [
+                _(n(re), {
+                  class: "x-field__trigger",
+                  icon: n(Ao),
+                  size: w.value
+                }, null, 8, ["icon", "size"])
+              ]),
+              _: 2
+            }, 1040, ["content"])
+          ], 4)) : (u(), C("div", ta, O(z(K)), 1))
+        ])
+      ]),
+      default: d(() => [
+        H("div", oa, [
+          x(k.$slots, "editor", { editor: B.value }, () => [
+            n(m).component ? (u(), g(W(n(m).component), F({
+              key: 0,
+              class: "x-field__editor",
+              ref_key: "editorRef",
+              ref: b,
+              modelValue: f.value,
+              "onUpdate:modelValue": U[0] || (U[0] = (K) => f.value = K)
+            }, n(m).props), he({ _: 2 }, [
+              k.$slots.option ? {
+                name: "option",
+                fn: d(({ option: K }) => [
+                  x(k.$slots, "option", { option: K })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["modelValue"])) : v("", !0)
+          ]),
+          t.tip || k.$slots.tip ? (u(), C("div", na, [
+            x(k.$slots, "tip", {}, () => [
+              R(O(t.tip), 1)
+            ])
+          ])) : v("", !0)
+        ]),
+        x(k.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      k.$slots.label ? {
+        name: "label",
+        fn: d(() => [
+          x(k.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
+  }
+}), aa = {
+  /**
+   * 表单模型
+   */
+  model: {
+    type: Object,
+    default() {
+      return /* @__PURE__ */ Object.create(null);
+    }
+  },
+  /**
+   * inline模式
+   */
+  inline: {
+    type: Boolean
+  },
+  /**
+   * inline模式显示列数
+   */
+  inlineColumns: {
+    type: Number
+  },
+  /**
+   * 显示底部操作按钮
+   */
+  footer: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 提交按钮文本
+   */
+  submitText: {
+    type: String,
+    default: "提交"
+  },
+  /**
+   * 重置按钮文本
+   */
+  resetText: {
+    type: String,
+    default: "重置"
+  },
+  /**
+   * 表单提交处理方法
+   */
+  submitMethod: {
+    type: Function
+  },
+  /**
+   * 是否在tooltip显示校验信息
+   */
+  tooltipMessage: {
+    type: [Object, Boolean],
+    default: void 0
+  }
+}, Ft = Symbol("formInstanceKey"), jt = Symbol("formModelKey"), Nt = /* @__PURE__ */ P({
+  name: "XForm",
+  __name: "Form",
+  props: aa,
+  emits: ["change", "submit", "reset"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = pe(), c = D(), i = Re(t.model || {}), r = D(!1);
+    ze(Ft, s), ze(jt, i), L(i, () => {
+      l("change", ge(i));
+    }), L(
+      () => t.model,
+      (m) => {
+        Object.assign(i, m);
+      },
+      { deep: !0 }
+    );
+    const p = async () => {
+      await c.value.validate().catch(() => !1) && (l("submit", ge(i)), t.submitMethod && (r.value = !0, await t.submitMethod(ge(i)), r.value = !1));
+    }, f = (m) => {
+      c.value.resetFields(m), l("reset");
+    };
+    return o({
+      formRef: c,
+      model: i,
+      submit: p,
+      reset: f
+    }), (m, h) => (u(), g(n(vo), F({
+      ref_key: "formRef",
+      ref: c,
+      class: "x-form",
+      inline: t.inline,
+      model: i,
+      onKeyup: Lt(p, ["enter"]),
+      onSubmit: h[1] || (h[1] = bt(() => {
+      }, ["stop", "prevent"]))
+    }, m.$attrs), {
+      default: d(() => [
+        x(m.$slots, "default"),
+        t.footer ? (u(), g(n(Ot), {
+          key: 0,
+          editor: "none",
+          class: "x-form__footer",
+          label: " "
+        }, {
+          editor: d(() => [
+            x(m.$slots, "footer", {}, () => [
+              t.submitText ? (u(), g(n(ie), {
+                key: 0,
+                loading: r.value,
+                type: "primary",
+                onClick: p
+              }, {
+                default: d(() => [
+                  R(O(t.submitText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])) : v("", !0),
+              t.resetText ? (u(), g(n(ie), {
+                key: 1,
+                type: "default",
+                onClick: h[0] || (h[0] = () => f())
+              }, {
+                default: d(() => [
+                  R(O(t.resetText), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              x(m.$slots, "action")
+            ])
+          ]),
+          _: 3
+        })) : v("", !0)
+      ]),
+      _: 3
+    }, 16, ["inline", "model"]));
+  }
+}), sa = {
+  modelValue: {
+    type: Boolean,
+    default: !0
+  },
+  size: {
+    type: String
+  },
+  formProps: {
+    type: Object
+  },
+  submit: {
+    type: [Boolean, String],
+    default: "确定"
+  },
+  cancel: {
+    type: [Boolean, String],
+    default: "取消"
+  },
+  /**
+   * 表单模型
+   */
+  model: {
+    type: Object,
+    default() {
+      return /* @__PURE__ */ Object.create(null);
+    }
+  },
+  rules: {
+    type: Object
+  },
+  /**
+   * 表单提交处理方法, return true 关闭弹窗
+   */
+  submitMethod: {
+    type: Function
+  }
+}, la = /* @__PURE__ */ P({
+  name: "XDialogForm",
+  __name: "DialogForm",
+  props: sa,
+  emits: ["update:modelValue", "submit", "close"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = D(), c = D(), i = y(() => c.value?.$vtjEl), r = () => {
+      s.value?.submit();
+    }, p = () => {
+      l("update:modelValue", !1), l("close");
+    }, f = async (b) => {
+      l("submit", b), t.submitMethod ? await t.submitMethod(b) && p() : p();
+    }, m = y(
+      () => t.formProps?.disabled ? !1 : t.submit
+    ), h = y(
+      () => t.formProps?.disabled ? !1 : t.cancel
+    );
+    return o({
+      $vtjEl: i,
+      formRef: s,
+      dialogRef: c
+    }), (b, w) => (u(), g(n(tt), F({
+      ref_key: "dialogRef",
+      ref: c,
+      class: "x-dialog-form",
+      "model-value": t.modelValue,
+      submit: m.value,
+      cancel: h.value,
+      size: t.size,
+      onSubmit: r,
+      onClose: p,
+      minimizable: !1,
+      maximizable: !1
+    }, b.$attrs), he({
+      default: d(() => [
+        _(n(Nt), F({
+          ref_key: "formRef",
+          ref: s,
+          class: "x-dialog-form__form",
+          footer: !1,
+          "label-width": "80px",
+          size: t.size,
+          model: t.model,
+          rules: t.rules,
+          "submit-method": f
+        }, t.formProps), {
+          default: d(() => [
+            x(b.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "model", "rules"])
+      ]),
+      _: 2
+    }, [
+      b.$slots.extra ? {
+        name: "extra",
+        fn: d(() => [
+          x(b.$slots, "extra")
+        ]),
+        key: "0"
+      } : void 0,
+      b.$slots.handle ? {
+        name: "handle",
+        fn: d(() => [
+          x(b.$slots, "handle")
+        ]),
+        key: "1"
+      } : void 0,
+      b.$slots.footer ? {
+        name: "footer",
+        fn: d(() => [
+          x(b.$slots, "footer")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["model-value", "submit", "cancel", "size"]));
+  }
+}), ia = {
+  items: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  border: {
+    type: Boolean
+  }
+}, ra = /* @__PURE__ */ P({
+  name: "XTabs",
+  __name: "Tabs",
+  props: ia,
+  setup(a) {
+    const o = a, e = (l) => {
+      const { label: s, name: c, value: i, disabled: r, closable: p, lazy: f } = l;
+      return {
+        label: s,
+        name: i ?? c,
+        disabled: r,
+        closable: p,
+        lazy: f
+      };
+    }, t = y(() => ({
+      "is-no-border": !o.border
+    }));
+    return (l, s) => (u(), g(n(kt), F({
+      class: ["x-tabs", t.value]
+    }, l.$attrs), {
+      default: d(() => [
+        (u(!0), C(J, null, Y(o.items, (c) => (u(), g(n(Le), F({
+          key: c.value ?? c.name
+        }, e(c)), {
+          label: d(() => [
+            x(l.$slots, "label", le(be(c)), () => [
+              c.icon ? (u(), g(W(n(_e)(c.icon)), {
+                key: 0,
+                class: "x-tabs__icon"
+              })) : v("", !0),
+              R(" " + O(c.label), 1)
+            ])
+          ]),
+          default: d(() => [
+            x(l.$slots, "default", le(be(c)), () => [
+              c.component ? (u(), g(W(c.component), le(F({ key: 0 }, c.props)), null, 16)) : v("", !0)
+            ])
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ca = {
+  direction: {
+    type: String,
+    default: "column"
+  },
+  imageSrc: {
+    type: String
+  },
+  imageWidth: {
+    type: [Number, String]
+  },
+  imageHeight: {
+    type: [Number, String]
+  },
+  icon: {
+    type: [String, Object]
+  },
+  title: {
+    type: String
+  },
+  description: {
+    type: String
+  },
+  actions: {
+    type: Array
+  },
+  actionBarProps: {
+    type: Object
+  },
+  split: {
+    type: Boolean
+  },
+  onImageClick: {
+    type: Function
+  },
+  onTitleClick: {
+    type: Function
+  }
+}, ua = { class: "x-data-item__title" }, da = {
+  key: 1,
+  class: "x-data-item__section x-data-item__desc"
+}, pa = {
+  key: 2,
+  class: "x-data-item__section x-data-item__extra"
+}, fa = {
+  key: 3,
+  class: "x-data-item__section x-data-item__actions"
+}, ma = /* @__PURE__ */ P({
+  name: "XDataItem",
+  __name: "DataItem",
+  props: ca,
+  emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
+  setup(a, { emit: o }) {
+    const e = a, t = o, l = y(() => {
+      const { imageWidth: m, imageHeight: h } = e;
+      return {
+        width: m ? q(m) : void 0,
+        height: h ? q(h) : void 0
+      };
+    }), s = y(() => ({
+      [`is-image-${e.direction}`]: !!e.direction,
+      "is-split": !!e.split
+    })), c = y(() => ({
+      size: "small",
+      mode: "text",
+      justify: "flex-end",
+      type: "info",
+      items: e.actions,
+      ...e.actionBarProps
+    })), i = () => t("imageClick"), r = () => t("titleClick"), p = (m) => t("actionClick", m), f = (m, h) => t("actionCommand", m, h);
+    return (m, h) => (u(), g(n(E), {
+      class: Z(["x-data-item", s.value]),
+      direction: e.direction
+    }, {
+      default: d(() => [
+        e.imageSrc || m.$slots.image ? (u(), g(n(E), {
+          key: 0,
+          class: "x-data-item__img",
+          autoPointer: !0,
+          onClick: e.onImageClick ? i : void 0
+        }, {
+          default: d(() => [
+            x(m.$slots, "image", {}, () => [
+              e.imageSrc ? (u(), g(n(bo), {
+                key: 0,
+                style: fe(l.value),
+                src: e.imageSrc
+              }, null, 8, ["style", "src"])) : v("", !0)
+            ])
+          ]),
+          _: 3
+        }, 8, ["onClick"])) : v("", !0),
+        _(n(E), {
+          class: "x-data-item__content",
+          direction: "column",
+          grow: "",
+          shrink: ""
+        }, {
+          default: d(() => [
+            e.title || m.$slots.title ? (u(), g(n(E), {
+              key: 0,
+              class: "x-data-item__section x-data-item__wrapper",
+              align: "center",
+              autoPointer: !0,
+              onClick: e.onTitleClick ? r : void 0
+            }, {
+              default: d(() => [
+                e.icon ? (u(), g(W(n(_e)(e.icon)), {
+                  key: 0,
+                  class: "x-data-item__icon"
+                })) : v("", !0),
+                H("span", ua, [
+                  x(m.$slots, "title", {}, () => [
+                    R(O(e.title), 1)
+                  ])
+                ])
+              ]),
+              _: 3
+            }, 8, ["onClick"])) : v("", !0),
+            e.description || m.$slots.description ? (u(), C("div", da, [
+              x(m.$slots, "description", {}, () => [
+                R(O(e.description), 1)
+              ])
+            ])) : v("", !0),
+            m.$slots.default ? (u(), C("div", pa, [
+              x(m.$slots, "default")
+            ])) : v("", !0),
+            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", fa, [
+              x(m.$slots, "actions", {}, () => [
+                _(n(Oe), F(c.value, {
+                  onClick: p,
+                  onCommand: f
+                }), null, 16)
+              ])
+            ])) : v("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["direction", "class"]));
+  }
+}), ga = {
+  option: {
+    type: Object
+  },
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
+  height: {
+    type: [Number, String],
+    default: "400px"
+  }
+};
+function ya() {
+  return import("echarts");
+}
+function va(a, o) {
+  const e = D(), t = Ve();
+  return gt(async () => {
+    t.value = await ya();
+    const l = n(a);
+    l && (e.value || (e.value = ke(t.value.init(l))), e.value && e.value.setOption(o.option || {}));
+  }), yt(() => {
+    e.value && e.value.dispose();
+  }), L(
+    () => o.option,
+    (l) => {
+      e.value && e.value.setOption(l || {});
+    },
+    { deep: !0 }
+  ), Fo(
+    a,
+    Ko(() => {
+      e.value && e.value.resize();
+    }, 150)
+  ), {
+    echartsInstance: e,
+    echarts: t
+  };
+}
+const ba = /* @__PURE__ */ P({
+  name: "XChart",
+  __name: "Chart",
+  props: ga,
+  setup(a, { expose: o }) {
+    const e = a, t = D(), { echartsInstance: l, echarts: s } = va(t, e), c = y(() => ({
+      width: q(e.width),
+      height: q(e.height)
+    }));
+    return o({
+      chartRef: t,
+      echartsInstance: l,
+      echarts: s
+    }), (i, r) => (u(), C("div", {
+      ref_key: "chartRef",
+      ref: t,
+      style: fe(c.value)
+    }, null, 4));
+  }
+}), ha = {
+  data: {
+    type: [Object, Function],
+    default() {
+      return [];
+    }
+  },
+  /**
+   * 设置 itemHeight 即自动开启虚拟滚动
+   */
+  itemHeight: {
+    type: [Number, Function]
+  },
+  width: {
+    type: [String, Number],
+    default: "100%"
+  },
+  height: {
+    type: [String, Number],
+    default: "100%"
+  },
+  pager: {
+    type: [Boolean, Object]
+  },
+  page: {
+    type: Number,
+    default: 1
+  },
+  pageSize: {
+    type: Number,
+    default: 10
+  },
+  dataKey: {
+    type: String
+  },
+  infiniteScroll: {
+    type: [Boolean, Object]
+  }
+}, _a = {
+  key: 0,
+  class: "x-list__loading"
+}, ka = {
+  key: 1,
+  class: "x-list__nomore"
+}, wa = {
+  key: 0,
+  class: "x-list__loading"
+}, xa = {
+  key: 1,
+  class: "x-list__nomore"
+}, Sa = {
+  key: 1,
+  class: "x-list__pager"
+}, za = /* @__PURE__ */ P({
+  name: "XList",
+  __name: "List",
+  props: ha,
+  emits: ["load"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = Re({
+      page: t.page,
+      pageSize: t.pageSize
+    });
+    Qe(() => {
+      const { page: T, pageSize: j } = t;
+      Object.assign(s, { page: T, pageSize: j });
+    });
+    const { data: c, loading: i } = ln(
+      t.data,
+      {
+        list: [],
+        total: 0
+      },
+      s
+    ), r = y(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = D(!1), f = D(), m = y(() => ({
+      width: q(t.width),
+      height: q(t.height)
+    })), h = y(() => ({
+      "is-virtual": !!t.itemHeight
+    })), b = y(() => {
+      const T = {};
+      for (let [j, k] of Object.entries(
+        rt(t.infiniteScroll)
+      ))
+        T[`infinite-scroll-${j}`] = k;
+      return (i.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
+    }), w = y(() => rt(t.pager, {})), { list: M, containerProps: z, wrapperProps: I, scrollTo: V } = jo(
+      y(() => c.value.list),
+      {
+        itemHeight: t.itemHeight || 0
+      }
+    ), S = () => {
+      !t.infiniteScroll || p.value || (s.page < r.value ? (++s.page, l("load", s)) : p.value = !0);
+    }, B = (T) => t.dataKey ? T[t.dataKey] : void 0;
+    return o({
+      list: M,
+      scrollTo: V,
+      wrapperRef: f,
+      loading: i,
+      state: s,
+      pageCount: r,
+      nomore: p,
+      data: c,
+      getKey: B
+    }), (T, j) => (u(), C("div", {
+      class: Z(["x-list", h.value]),
+      style: fe(m.value)
+    }, [
+      !n(c).total && !n(i) ? x(T.$slots, "empty", { key: 0 }, () => [
+        _(n(_t))
+      ]) : v("", !0),
+      H("div", F({ class: "x-list__content" }, n(z)), [
+        t.itemHeight ? G((u(), C("div", F({
+          key: 0,
+          class: "x-list__wrapper",
+          ref_key: "wrapperRef",
+          ref: f
+        }, { ...n(I), ...b.value }), [
+          (u(!0), C(J, null, Y(n(M), (k, U) => x(T.$slots, "default", le(F({
+            key: B(k.data)
+          }, { item: k.data, index: U })), () => [
+            H("div", null, O(k), 1)
+          ])), 128)),
+          n(i) ? (u(), C("div", _a, [
+            x(T.$slots, "loading", {}, () => [
+              R(" 正在加载数据... ")
+            ])
+          ])) : v("", !0),
+          p.value ? (u(), C("div", ka, [
+            x(T.$slots, "nomore", {}, () => [
+              R(" 没有更多数据 ")
+            ])
+          ])) : v("", !0)
+        ], 16)), [
+          [n(st), S]
+        ]) : G((u(), C("div", F({
+          key: 1,
+          class: "x-list__wrapper"
+        }, b.value), [
+          (u(!0), C(J, null, Y(n(c).list, (k, U) => x(T.$slots, "default", le(F({
+            key: B(k)
+          }, { item: k, index: U })), () => [
+            H("div", null, O(k), 1)
+          ])), 128)),
+          n(i) ? (u(), C("div", wa, [
+            x(T.$slots, "loading", {}, () => [
+              R(" 正在加载数据... ")
+            ])
+          ])) : v("", !0),
+          p.value ? (u(), C("div", xa, [
+            x(T.$slots, "nomore", {}, () => [
+              R(" 没有更多数据 ")
+            ])
+          ])) : v("", !0)
+        ], 16)), [
+          [n(st), S]
+        ])
+      ], 16),
+      t.pager ? (u(), C("div", Sa, [
+        _(n(ho), F({
+          small: "",
+          background: "",
+          layout: "prev, pager, next",
+          total: n(c).total,
+          "default-page-size": t.pageSize,
+          "default-current-page": t.page,
+          "current-page": s.page,
+          "onUpdate:currentPage": j[0] || (j[0] = (k) => s.page = k),
+          "page-size": s.pageSize,
+          "onUpdate:pageSize": j[1] || (j[1] = (k) => s.pageSize = k)
+        }, w.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
+      ])) : v("", !0)
+    ], 6));
+  }
+}), Ca = {
+  stringProp: {
+    type: String
+  },
+  booleanProp: {
+    type: Boolean
+  },
+  numberProp: {
+    type: Number
+  },
+  selectProp: {
+    type: String
+  },
+  objectProp: {
+    type: Object
+  },
+  arrayProp: {
+    type: Array
+  },
+  iconProp: {
+    type: String
+  },
+  colorProp: {
+    type: String
+  },
+  modelValue: {
+    type: String
+  },
+  syncProp: {
+    type: String
+  }
+}, Ta = { class: "x-test__slot" }, $a = { class: "x-test__slot" }, Ma = /* @__PURE__ */ P({
+  name: "XTest",
+  __name: "Test",
+  props: Ca,
+  emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
+  setup(a, { expose: o, emit: e }) {
+    const t = a, l = e, s = y(() => Object.entries(t)), c = y({
+      get() {
+        return t.modelValue;
+      },
+      set(b) {
+        l("update:modelValue", b);
+      }
+    }), i = y({
+      get() {
+        return t.syncProp;
+      },
+      set(b) {
+        l("update:syncProp", b);
+      }
+    }), r = D("default inner data"), p = () => {
+      it.info({
+        message: "触发click事件"
+      }), l("click", t);
+    }, f = () => {
+      it.info({
+        message: "触发submit事件"
+      }), l("submit", t);
+    }, m = (b) => {
+      r.value = b, l("change", r.value);
+    }, h = () => {
+      m("user click change:" + Date.now());
+    };
+    return o({
+      click: p,
+      submit: f,
+      data: r,
+      change: m
+    }), (b, w) => (u(), g(n(Se), {
+      class: "x-test",
+      header: "VTJ 低代码测试组件",
+      border: ""
+    }, {
+      default: d(() => [
+        _(n(se), null, {
+          default: d(() => [
+            R("内部数据")
+          ]),
+          _: 1
+        }),
+        _(n(E), null, {
+          default: d(() => [
+            R(O(r.value), 1)
+          ]),
+          _: 1
+        }),
+        _(n(se), null, {
+          default: d(() => [
+            R("属性")
+          ]),
+          _: 1
+        }),
+        _(n(lt), {
+          column: 3,
+          border: ""
+        }, {
+          default: d(() => [
+            (u(!0), C(J, null, Y(s.value, ([M, z]) => (u(), g(n(Xe), { label: M }, {
+              default: d(() => [
+                H("pre", null, O(JSON.stringify(z, null, 2)), 1)
+              ]),
+              _: 2
+            }, 1032, ["label"]))), 256))
+          ]),
+          _: 1
+        }),
+        _(n(se), null, {
+          default: d(() => [
+            R("插槽")
+          ]),
+          _: 1
+        }),
+        _(n(E), {
+          justify: "space-around",
+          flex: "",
+          gap: ""
+        }, {
+          default: d(() => [
+            _(n(Se), {
+              header: "default",
+              grow: "",
+              card: ""
+            }, {
+              default: d(() => [
+                H("div", Ta, [
+                  x(b.$slots, "default", {
+                    props: t,
+                    data: r.value
+                  }, () => [
+                    H("pre", null, O(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                  ])
+                ])
+              ]),
+              _: 3
+            }),
+            _(n(Se), {
+              header: "extra",
+              grow: "",
+              card: ""
+            }, {
+              default: d(() => [
+                H("div", $a, [
+                  x(b.$slots, "extra", {
+                    props: t,
+                    data: r.value
+                  }, () => [
+                    H("pre", null, O(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                  ])
+                ])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }),
+        _(n(se), null, {
+          default: d(() => [
+            R("双向绑定")
+          ]),
+          _: 1
+        }),
+        _(n(E), null, {
+          default: d(() => [
+            _(n(lt), {
+              column: 2,
+              border: ""
+            }, {
+              default: d(() => [
+                _(n(Xe), { label: "modelValue" }, {
+                  default: d(() => [
+                    _(n(Ce), {
+                      modelValue: c.value,
+                      "onUpdate:modelValue": w[0] || (w[0] = (M) => c.value = M)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                _(n(Xe), { label: "syncProp" }, {
+                  default: d(() => [
+                    _(n(Ce), {
+                      modelValue: i.value,
+                      "onUpdate:modelValue": w[1] || (w[1] = (M) => i.value = M)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        _(n(se), null, {
+          default: d(() => [
+            R("事件和方法")
+          ]),
+          _: 1
+        }),
+        _(n(E), null, {
+          default: d(() => [
+            _(n(ie), { onClick: p }, {
+              default: d(() => [
+                R("click")
+              ]),
+              _: 1
+            }),
+            _(n(ie), { onClick: f }, {
+              default: d(() => [
+                R("submit")
+              ]),
+              _: 1
+            }),
+            _(n(ie), { onClick: h }, {
+              default: d(() => [
+                R("change")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Fa = [
+  re,
+  de,
+  te,
+  Oe,
+  E,
+  Bt,
+  Se,
+  tt,
+  Jn,
+  Ot,
+  Nt,
+  la,
+  ra,
+  ma,
+  ba,
+  za,
+  Ma
+];
+export {
+  dt as Draggable,
+  ct as INSTALLED_KEY,
+  At as MASK_KEY,
+  pt as Resizable,
+  Vt as TAB_CREATORS_KEY,
+  Bn as TAB_ITEM_WIDTH,
+  Da as VTJ_UI_VERSION,
+  te as XAction,
+  Oe as XActionBar,
+  ba as XChart,
+  E as XContainer,
+  ma as XDataItem,
+  tt as XDialog,
+  la as XDialogForm,
+  Ot as XField,
+  Nt as XForm,
+  Bt as XHeader,
+  re as XIcon,
+  za as XList,
+  Jn as XMask,
+  de as XMenu,
+  Se as XPanel,
+  ra as XTabs,
+  Ma as XTest,
+  un as actionBarProps,
+  It as actionProps,
+  Rt as builtinFieldEditors,
+  ga as chartProps,
+  Fa as components,
+  dn as containerProps,
+  ot as createDialog,
+  ca as dataItemProps,
+  Oa as defineTab,
+  sa as dialogFormProps,
+  yn as dialogProps,
+  Yn as fieldProps,
+  Ft as formInstanceKey,
+  jt as formModelKey,
+  aa as formProps,
+  q as getSizeValue,
+  pn as headerProps,
+  Qo as iconProps,
+  Jo as iconSizeMap,
+  ha as listProps,
+  Ra as makeInstaller,
+  Pn as maskProps,
+  mn as panelProps,
+  Me as parseSize,
+  ia as tabsProps,
+  Ca as testProps,
+  rt as toObjectProps,
+  et as useDisabled,
+  _e as useIcon,
+  sn as useIconProps,
+  ln as useLoader,
+  gn as vDraggable,
+  Pt as vResizable
+};