@vtj/ui 0.6.25 → 0.7.0

package/lib/index.js

@@ -1,3830 +0,0 @@
-import { defineComponent as M, openBlock as u, createElementBlock as E, renderSlot as _, createElementVNode as R, unref as n, toDisplayString as F, createVNode as k, withCtx as f, createTextVNode as N, createBlock as g, createCommentVNode as y, useAttrs as Ue, getCurrentInstance as ve, computed as h, markRaw as be, normalizeClass as Q, normalizeStyle as ue, resolveDynamicComponent as W, mergeProps as j, Fragment as Z, renderList as se, isVNode as jt, h as te, toRef as Be, useSlots as Nt, toRaw as pe, ref as D, normalizeProps as ce, guardReactiveProps as ge, effectScope as ct, watch as L, reactive as He, onMounted as ut, onUnmounted as dt, watchEffect as pt, nextTick as me, Teleport as mt, withDirectives as J, createSlots as ye, render as Ye, vShow as ee, isRef as $e, withModifiers as Xt, KeepAlive as Ut, shallowRef as qe, provide as Se, inject as we } from "vue";
-import { ElDivider as xe, ElButton as de, ElIcon as Ht, ElSubMenu as Wt, ElBadge as Oe, ElMenuItem as Lt, ElMenu as Kt, ElContainer as et, ElHeader as Qt, ElAside as Zt, ElMain as Jt, ElFooter as Gt, ElDropdown as Yt, ElDropdownMenu as qt, ElDropdownItem as eo, ElTooltip as ft, ElSwitch as We, ElInput as je, ElEmpty as to, ElTabs as gt, ElTabPane as Ne, ElPopover as yt, ElAvatar as oo, ElMessageBox as Re, ElSelect as no, ElOption as ao, ElCheckboxButton as so, ElCheckbox as lo, ElCheckboxGroup as io, ElRadioButton as ro, ElRadio as co, ElRadioGroup as uo, ElInputNumber as po, ElDatePicker as tt, ElTimePicker as mo, ElRate as fo, ElSlider as go, ElCascader as yo, formContextKey as ho, ElFormItem as vo, ElForm as bo, ElImage as _o } from "element-plus";
-import { VideoPlay as ko, Document as re, Menu as ht, ArrowRight as wo, StarFilled as vt, Search as Xe, Close as bt, Expand as xo, Fold as So, Star as _t, Refresh as zo, CopyDocument as Co, Moon as To, Sunny as Eo, MoreFilled as Mo, UserFilled as $o, HomeFilled as Bo, WarningFilled as Io } from "@element-plus/icons-vue";
-import { useRouter as Ae, useRoute as Le, RouterView as kt, routeLocationKey as Ao } from "vue-router";
-import { Minimize as Po, Popup as Vo, Maximize as Do, RawClose as Ro } from "@vtj/icons";
-import { useDraggable as Fo, useMouseInElement as Oo, useEventListener as Ie, useElementSize as wt, useDark as jo, useResizeObserver as No } from "@vueuse/core";
-import { isEqual as Ke, isObject as Qe, uid as xt, arrayToMap as Xo, isUrl as Uo, upperFirstCamelCase as St, toArray as Ho, merge as Wo, set as ot, debounce as Lo } from "@vtj/utils";
-import * as nt from "echarts";
-function oe(a) {
-  return typeof a == "string" ? a : `${a}px`;
-}
-function Te(a = 0, t) {
-  if (typeof a == "number")
-    return a;
-  if (/(%|vh|vw)$/i.test(a)) {
-    const o = Number.parseInt(a);
-    return Math.floor(t * o / 100);
-  }
-  return Number.parseInt(a);
-}
-function Pa(a, t) {
-  const e = {};
-  return Object.keys(a).forEach((o) => {
-    t.includes(o) || (e[o] = a[o]);
-  }), e;
-}
-function Va(a, t) {
-  const e = {};
-  return Object.keys(a).forEach((o) => {
-    t.includes(o) && (e[o] = a[o]);
-  }), e;
-}
-const Da = () => {
-}, at = Symbol("INSTALLED_KEY"), Ko = (a = []) => ({
-  install: (e) => {
-    e[at] || (e[at] = !0, a.forEach((o) => {
-      o.name && e.component(o.name, o);
-    }));
-  }
-}), zt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAQd0lEQVR4nO2dCXRVxRnHf/clIPsekBgIS1hFdqVoZbGLFNTWWgQ3bLVurRYJcTuntbW22qooKKWl2toWquygIFa01doqmBBWWcomIkhACLIKyXvcnu/eefiSNzd57y4vAfI/553wuPfNzJ3/nW9m/t83M4Yx6iTVGOlAC6AD0Bs4F2gGtFT/lmtNgLpABDgMFAN7gCJgH3AQ2ACsAz5V91RbpFfDguUAg4EewBCgLdAQqJXAb5sD7RyuHVGfpcBy4AOgADjkc/k9obq0kP7AN4CrgK7qrQ8aJrALeAt4Q/3dV7XVULWEtAauBq5ThNSpqoIo7AReBWYA/6mqQlQFId2AW4HRwHmpzjwBSMv5N/BHYAHwRSozTyUhQsS9iohGqcrUI1YDE4GXgROpyDAVhMiIKBe4I0V9QxCQgcCvgdeCzigUcPo/BN4HHjiNyRAMBBYBs4BOQWYUFCFdgIXA80DHgPKoCowE3gHuCirvIAj5AfAmcEUAaVcHZAJTgHlqjuQr/CREJm/PAH8G2pyWVZ0crlbzl8v8TNQvQrLVGP5en9I7XdBV9S0/9qu8fhDSC1isZI6zEaKjTQYe8aM+vSZwqeq8u5+lZMTiYeA5oLaXRLwQMhSYe5b0F4niR8BUL6S4VXsvAWYCGZ6Kf2bi+8oVcDuQ9KzbTQvpqQS4GjKcIVrdU25+mCwhbZWuk+WhsGcLxgEPJvusyRAi84xpNR14UhD9a1QyP0iGkEeBQcGV/YyE1O+zwPnJ/CARSEc1NrBin9kQtftFoHEiT5kIIeLj/s3ZXqsecSHwUCJJVEZIGjAJaFXVT3QG4D7ga5U9RmWEiHI7/GyvSZ8QUkPhhhUlVxEhLZUcUAP/ILFld7slJK9GFgkEuRXEjjkSIh6/O0+fZzyt0EK5tLVwIiSvMltXA0+4yWluoiOkqwrVqUFwqA/ckygholI2SCUZZhjM4/bflOYrn1IwT4AZSW3eSlLpUP4/yxPSKtWtwyyBnPPgioHQtpX93Zd0TVXZEbviddcJQ59OMHwAZDTxL+8EIWFRN5a/tTwh31UxtymBtIrhF8GiBwwWPmDw2oMGg3t5rxghIi0NLugAbcRJUKoIiEUYbhwCrz9k57sgz6BvZ7u1pBBjlPk6hdjIRSHnXeV8ChzmF3DlJfDyWIP653yZ28ZP4dKHTfYdBCPNHRndsuGpmwwGdYNjJ2DiYpMnFtheI8OwTWPnLCh43KBR3S9/u/0z+N4Ek8KNYKQu9PvbKkDEQmwL6QP0S0UJhIxhA2D6PWXJEHTNhN7t7Tc46XQj0KQRzBhrMLwPNKgDLRvDY9cZfFOeLtrywjC0B2XIELTLgNm5Br072603RRgZm00sIcNSsSRAyBjSF6b/xIirEMHRE7D7gEtfZhiG9YGe2fGXLuwY41A1oOhzfRLtW8LMcQbnd0wZKd9UC40shGL+Xhl0zkLGwJ4w816D5g7juKlvwbqPwEhkvVRs2thPcfWFhvb62h02ERZqw+vL4e//1afVuTXMGW/QpV1KSMmIDaGKEtI+GSeKGwgZ/brZZLR08AzMWgY/e8l03TqyW8PXesRf2roH3t3w5aI46UdKwnDnVJNXC/XJiemcPd4gp03gpMhr8tXol+ijDwly7iFk9Opiv3VtmuvvmZsPtzxnWp2wm85cCBnRB5pr9IXFK2F/sXImKBjpcOQY3DTJ5LWV+iQvaGOTkp0Z+Ojr8mjoUJSQnkHlJG9X9xyYO96wOk0dFq6AHzxncvS4XVFJ52FCWh24+qJ4cxU5Ca8WmpZNK39VzOKhIzDmWZO31+nT7t0OZuUaZGYESkrbaOB2SMVmBeIrlwfo0h7mjTfo6ODikrdzzCSTw8eS7zdOIQzd28JXNCs3pO94f6PzGl6jNhQfhOsnmrz3P/09F+XAy7kGGc0CmzzWV2tQLEJaqD7EVwgZHdvA/DyDLpn6lN9aCzc/a/L5YfdkWJ15BIb1soe55TEv3+SYpF9BvySkFO2D6yeZrNyuv2dQV3hpnEHTRvZcJwB0jRIieko9X8kogQ5ZMC/PoJvDss531sMNE032H7QrxDVOQq168F2NuZIh9PyCsn2HE4xzYMduuPZpk3U79Td9vQdMG2vQqF4gpAgPTUPKi+XWWMRByDivpW13ezosZ/lgC9w4yWRvsUcysGWRAZ3UPKMclm6CDTsSD5gVUrbssEnZskd/jwwc/ibqQl3fSZGl4e1DakWQLxAyWjW3Z7v9HIygmIRRT5vs2mtXgBdE9SmZe6RpTJKYq8gJe5ibKEQyWb8NrnnS5KPP9D/6dn948W6DunV8JUVc5i1Dfi3GFDKaNYaX7zUY2Fl/z4ZdMPoZk493eyfDwklo2Bgu7x1/af8ReH1VYuaqPISUNZvhe0+ZfLJff8/Ir8Cff2xwTm3f3AZS0mYhxYwnCBkNG9id3lCH6aWYgJETTDZ97BMZ2Obqki5o+6klq2H7LveDBaMurNhoi427HWSW0RfDCz8ySE/3hRSplcyQ2lXHNaQg9evB9LEGlzvMZiwV9SmTddv8U1Etc2XYc4+QxiTN+cB0sRigLISU/HU2KZ85bFFz46Uw9Q5FijcnV3qUkBZuUzBPQnoaTLnd4CoHnViavDzQ6s0+S9oRaJkBwzXm6qO98M46f/Y6ElLeXwM3PGty4Kj+nluGwiOjDatMcX6X5HCutz6kFAb1gDEO08pPDyj/woYA/Aul8PULIEsjxSxaAcX73c36dRBS3iyAMZNNDjvsfJI7Avp2scvlAVYfohHBE0QELu+lH8KImbr2GdNq8ob7HLSw3sJaemW3NAxzlml0Eq+oA4veh9ummhQfiU+rTi3VWr2ZrXohT0mY0NbB4P1qnsl7+f6TYSEM7VrDEM0AYvUOyN/i/9Zs1tC5Dsx8A/70tv6erOae34JwyNOWdwbscNjyK3eEQe+eAUnXYfttbKFRdhcWmhw/7FIxrgzH4VuD4Iav6u/bVeytA5Hd7UJqj0J3SIf5+SZhTRvrrqSTCzra8rtfkIGEKLvXDIh/G4+VJC6VJAt5hqF9Ydo9BplN4398vNTuuzzm/VlIbRjpDrVg2Qb45Vz9myHu0Hn3++wOVcruAI2y+98N8OF2/82VkHFJT5hRgafzyYWwcpMnEUoq8dOQ2r3TFSy7mgaPzoDHFuhTyGkF8+4z6OqXOzSCNcQuHxwhmP2BaanMFSm7yULI6NvV1uacPJ3P/xMemWladZGMTFMO4m3ZJUV3EAcSg/XwafDT6SYTF+t/Ij7q+fcbdMn2RoqYqzoN4Dua0dWeg7BkjZ8yqU1Gz072C6UzU4KX3oO7nzeJRDz3WzJg3ivV6SAMJA4piGlA3l9MJr+h/5n4qOfeZ9C5rQdSSuGiTtBHI1z+60PYUeRf/2F5OjvaZc52GEnOWQa3TTEt/7wPcx5pIQdCapNhzxBSIibkvmjygsOw8PwsmDXesHwlrtyhJlzV31nZlf7Fg8n4Mpvj0Dkb5uYZlsnVQYIjbplicsyl21mD9SJshNSOzw6iQHIQUkojcPcfTaY5bLTaKxvm5CUfOCA6UcMmcEXf+Gtbimzvox/mSsjIaav6PQfHxOJVth/+8FEPbud4iMHdGfJ7+20h5UQp3PUHk9nL9Pf0aWcHo2W1SoKUsK3sdtJEHr+yHD53G1wXAylL+yw70uR8h70qpJ+6aaLJwSO+kiEQV1pJdGK41M+UpQlLBMmtk00WOsQ9DciBmbkG52YkGDhgwKiB8cqutMgFBfaw24u5EjKyzrXNVG9N5KPg3xtst3PxId/JKFVbn596p1b4mrwKsREhTpq2NfrR4OLOtkOrRdOKSRGJP7OV6Gbx11Zth8Jt3syV5enMgFnjDKv16rB0M4yaYLLvcx/czvGQAwM+JIaQpZ5lMQ2EFIkokbfqPxv19wzpDjPGGTRpXIE7NGJHJLbWDD1fKTD54rB7cyVkNG1im1AnT6fldp5gsmd/IGQIlkUVk+hjFHiZIFYEeYB9B2w/+vJt+hulsl8aa9CgfjwplrKbbo+uyuPIcZi/3B7qurFWklcD8XT+xGBwN/0963fans5Pinz0dMbj1Lg0SsghdTpAIJAH2b3XJuXDT/Q5fKt3DCmxbTUCHVrDZRplV2z6+iSiSmIhZrBeXTsKf5jGyYUavUkEytZPAl0vIkrfv6JfYhv6PwLLUgUObFNv26bd+nuu7AeTbzVID8V43kTZ7QPNNBrSPHHTliTfmVuhp2nwu9sMK4JEB/HnjJQYra2BL96ReeDa6JdYQpaoIXBgkAfbuN1+67Y5SJo3D4b+nWKWoaVLKKeDVLLWpZBYCiP6w/cH6y+LS0HKuGpTQP6cspgZ23/HElKsdhgNFEKK+NdHTzLZ6aCi1a6ltE/DLuqWong1WUJ8dha5JOSkPUHVQRYLSUhpQRBu53gcjV3OhmZsMt2zVzgByIMWrFeklPPGyIx7xRZ7GGu1i3T4wxLKBELvPwwTF6m5h5sCpMGba+wJbCyk1V03yeS9tSlbYyh9R5nxZ5rR4+ex33eqLYQc3h//IJNHiaV9ax00bWBw0oRFhTDur2UXfIqafPQYvFIIoZBhEZg3zSR/o/shqKS9cw98XAz9OthL6wq22v7yd9ekdMHneGBzmbJpzg8ZpXYdTQmsCWEte3Hm3gO2qdKJddbIy1RtOux9PmD1T6XQvb3tSFu+FfbsC2yeoUOhWvFcRjzSEVJXTVQCW8RTHlblnLQru6IRU3Tk5YeieyrNUpV3ekB+eGfcDPyt/FXd/FbGxRNSWTKpYCMBb5t1n8/hPaImyDwpxWTIUUpzdBecBIeZUbGrBoHgcYnJSIYQsWu/CELfqoGliMx2qoaKJLl/qGPjauAfpMf6WUV7wlemkcrOZw7LVmrgAhPVgMkRlRGytWYjTN8gXqHHKkssES/C8zWmyzPCamfwSiN8EiEkorY23VT1z3Xa4qfquL1KkaifbZfapTR1mxadOZiTzLwuGcfn20p7qUHiWKlOcEt4BWKynugp6tiKGlSObUoX3JtMXbkJDXhYEVMDZxSpzUQ3J1tHbkPLZMTwlxpCtNinDu0vcPNjt4SE1XHcf3L5+zMV0jKuTXREpYOX4MsSNfJ6+myt/XKQSfR3YkN63MDr0pawGnkldHrMGYxCdc6KZ4Xcr7VGv1F2M9ColWoKOfR+hF8TZz+P756htprN9zHN6oxSdU7hdZ7WaZaD3wfcS6TUN1SLOZN9KavVxpW/dXO8akXwmxBUWOpDyqauCiD9qkSJImGo187bCUEQEsUSdbz3A3426SrEEhUiJWbqQFDFCJIQgewK8oTacfN36vvpBmnl10s8uCyFD7rsujCgINFDnTl+bex+59UUMtP+vQr40AYkBIFUExKFbFl5gzqLKacqCuCAQ6pveEGZqNQe8VKFhEQhiwwuA66RXVj93JAzCRxTSwJmqWBzX5aJu0VVExILWZ4vCwQuVvY6M9EDfZNERAmABao1vKP6iWpREdWJkFjUUgHfMhjopD79Vb9TW20YWdlChOPK5JSoRflr1NLjfDVfcr8LUoDwed8c3yCzYFmUIB9BM3U6prQi+UjrkY9s4CnXZGdu0dWkD5CwJZFwxO0sw20JLJCFdPIJfKmFJwD/B4g2wB0X86iqAAAAAElFTkSuQmCC", Qo = { class: "x-startup" }, Zo = { class: "brand" }, Jo = ["src"], Go = /* @__PURE__ */ R("h3", null, [
-  /* @__PURE__ */ N("基于 "),
-  /* @__PURE__ */ R("span", null, "Vue3 + TypeScript"),
-  /* @__PURE__ */ N(" 的低代码设计器引擎")
-], -1), Yo = { class: "btn" }, qo = /* @__PURE__ */ R("div", { class: "ba" }, [
-  /* @__PURE__ */ R("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
-], -1), en = /* @__PURE__ */ M({
-  name: "XStartup",
-  __name: "Startup",
-  props: {
-    text: { default: "VTJ.PRO" },
-    link: { default: "/" },
-    example: {}
-  },
-  setup(a) {
-    const t = a, e = () => {
-      location.href = t.link + "#/?startup";
-    }, o = () => {
-      t.example && t.example(t.link);
-    };
-    return (l, s) => (u(), E("div", Qo, [
-      _(l.$slots, "default", {}, () => [
-        R("div", null, [
-          R("div", Zo, [
-            R("img", { src: n(zt) }, null, 8, Jo),
-            R("h1", null, F(t.text), 1)
-          ]),
-          k(n(xe)),
-          Go,
-          R("div", Yo, [
-            k(n(de), {
-              onClick: e,
-              type: "primary",
-              round: "",
-              size: "large",
-              icon: n(ko)
-            }, {
-              default: f(() => [
-                N(" 立即开始体验 ")
-              ]),
-              _: 1
-            }, 8, ["icon"]),
-            t.example ? (u(), g(n(de), {
-              key: 0,
-              onClick: o,
-              type: "default",
-              round: "",
-              size: "large",
-              icon: n(re)
-            }, {
-              default: f(() => [
-                N(" 加载示例项目 ")
-              ]),
-              _: 1
-            }, 8, ["icon"])) : y("", !0)
-          ])
-        ])
-      ]),
-      qo
-    ]));
-  }
-});
-const tn = {
-  default: 14,
-  small: 12,
-  large: 18
-}, on = {
-  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
-  }
-}, nn = ["src"], ae = /* @__PURE__ */ M({
-  name: "XIcon",
-  __name: "Icon",
-  props: on,
-  setup(a) {
-    const t = a, e = Ue(), o = ve(), l = h(() => {
-      if (!t.icon)
-        return null;
-      const i = o?.appContext.app;
-      return typeof t.icon == "object" ? be(t.icon) : i?.component(t.icon) || t.icon;
-    }), s = h(() => {
-      const i = {
-        "is-pointer": !!e.onClick
-      };
-      return !l.value && t.icon && (i[t.icon] = !0), i;
-    }), c = h(() => ({
-      "background-color": t.background,
-      "border-radius": t.radius ? oe(t.radius) : void 0,
-      padding: t.padding ? oe(t.padding) : void 0
-    })), r = h(() => typeof t.size == "number" ? t.size : tn[t.size] ?? void 0);
-    return (i, m) => (u(), g(n(Ht), {
-      class: Q(["x-icon", s.value]),
-      color: t.color,
-      size: r.value,
-      style: ue(c.value)
-    }, {
-      default: f(() => [
-        _(i.$slots, "default", {}, () => [
-          l.value ? (u(), g(W(l.value), { key: 0 })) : y("", !0),
-          t.src ? (u(), E("img", {
-            key: 1,
-            src: t.src
-          }, null, 8, nn)) : y("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "color", "size", "style"]));
-  }
-}), an = { class: "x-menu__wrapper" }, sn = {
-  key: 1,
-  class: "x-menu__title"
-}, ln = /* @__PURE__ */ R("i", null, null, -1), rn = {
-  key: 0,
-  class: "x-menu__title"
-}, cn = /* @__PURE__ */ R("i", null, null, -1), Ct = /* @__PURE__ */ M({
-  inheritAttrs: !1,
-  name: "XMenuItem",
-  __name: "MenuItem",
-  props: {
-    item: {},
-    subMenu: {},
-    defaultIcon: { type: [Object, Function] }
-  },
-  setup(a) {
-    const t = a, e = ve(), o = (c) => {
-      if (c)
-        return typeof c == "string" && (e?.appContext.app?.component(c) || t.defaultIcon) || c;
-    }, l = (c) => typeof c == "object" ? c : { value: c }, s = (c = []) => c.filter((r) => !r.hidden);
-    return (c, r) => t.item.children ? (u(), g(n(Wt), j({
-      key: 0,
-      disabled: t.item.disabled
-    }, t.subMenu, {
-      index: String(t.item.id)
-    }), {
-      title: f(() => [
-        R("div", an, [
-          t.item.icon ? (u(), g(n(ae), {
-            key: 0,
-            icon: o(t.item.icon)
-          }, null, 8, ["icon"])) : y("", !0),
-          t.item.title ? (u(), E("span", sn, F(t.item.title), 1)) : y("", !0),
-          t.item.badge ? (u(), g(n(Oe), j({
-            key: 2,
-            class: "x-menu__badge"
-          }, l(t.item.badge)), {
-            default: f(() => [
-              ln
-            ]),
-            _: 1
-          }, 16)) : y("", !0)
-        ])
-      ]),
-      default: f(() => [
-        (u(!0), E(Z, null, se(s(t.item.children), (i) => (u(), g(n(Ct), {
-          key: i.id,
-          item: i,
-          subMenu: t.subMenu,
-          defaultIcon: t.defaultIcon
-        }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
-      ]),
-      _: 1
-    }, 16, ["disabled", "index"])) : (u(), g(n(Lt), {
-      key: 1,
-      index: String(t.item.id),
-      disabled: t.item.disabled
-    }, {
-      title: f(() => [
-        t.item.title ? (u(), E("span", rn, F(t.item.title), 1)) : y("", !0),
-        t.item.badge ? (u(), g(n(Oe), j({
-          key: 1,
-          class: "x-menu__badge"
-        }, l(t.item.badge)), {
-          default: f(() => [
-            cn
-          ]),
-          _: 1
-        }, 16)) : y("", !0)
-      ]),
-      default: f(() => [
-        t.item.icon ? (u(), g(n(ae), {
-          key: 0,
-          icon: o(t.item.icon)
-        }, null, 8, ["icon"])) : y("", !0)
-      ]),
-      _: 1
-    }, 8, ["index", "disabled"]));
-  }
-}), ne = /* @__PURE__ */ M({
-  inheritAttrs: !1,
-  name: "XMenu",
-  __name: "Menu",
-  props: {
-    data: { default: () => [] },
-    subMenu: {},
-    defaultIcon: {}
-  },
-  emits: ["select"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = h(() => e.data.filter((r) => !r.hidden)), s = (r, i) => {
-      const m = (p, d = []) => {
-        for (const b of d) {
-          if (b.id.toString() === p.toString())
-            return b;
-          if (b.children?.length) {
-            const S = m(p, b.children);
-            if (S)
-              return S;
-          }
-        }
-      };
-      return m(i, r);
-    }, c = (r) => {
-      const i = s(l.value, r);
-      i && o("select", i);
-    };
-    return (r, i) => (u(), g(n(Kt), j({ class: "x-menu" }, r.$attrs, { onSelect: c }), {
-      default: f(() => [
-        (u(!0), E(Z, null, se(l.value, (m) => (u(), g(n(Ct), {
-          item: { ...m, icon: m.icon || n(ht) },
-          defaultIcon: e.defaultIcon,
-          subMenu: e.subMenu
-        }, null, 8, ["item", "defaultIcon", "subMenu"]))), 256))
-      ]),
-      _: 1
-    }, 16));
-  }
-}), un = { class: "x-simple-mask__brand" }, dn = { class: "x-simple-mask__aciton" }, pn = /* @__PURE__ */ M({
-  name: "XSimpleMask",
-  __name: "SimpleMask",
-  props: {
-    preview: { type: Boolean },
-    project: { default: () => ({
-      name: "Logo",
-      home: "/"
-    }) },
-    menu: {}
-  },
-  setup(a, { expose: t }) {
-    const e = a, o = Ae(), l = Le(), s = h(() => l.params.id), c = () => {
-      const i = e.project.home;
-      i && o.push(i);
-    }, r = (i) => {
-      const m = i?.id;
-      if (m) {
-        const d = `${e.preview ? "/preview" : e.project.page}/${m}`;
-        o.push(d);
-      }
-    };
-    return t({
-      goHome: c
-    }), (i, m) => (u(), g(n(et), { class: "x-simple-mask" }, {
-      default: f(() => [
-        k(n(Qt), { class: "x-simple-mask__header" }, {
-          default: f(() => [
-            R("div", un, [
-              R("span", {
-                class: "x-simple-mask__logo",
-                onClick: c
-              }, [
-                _(i.$slots, "logo", {}, () => [
-                  N(F(e.project.name), 1)
-                ])
-              ])
-            ]),
-            R("div", dn, [
-              _(i.$slots, "action")
-            ])
-          ]),
-          _: 3
-        }),
-        k(n(et), null, {
-          default: f(() => [
-            k(n(Zt), { class: "x-simple-mask__aside" }, {
-              default: f(() => [
-                k(n(ne), j(e.menu, {
-                  "default-active": s.value,
-                  onSelect: r
-                }), null, 16, ["default-active"])
-              ]),
-              _: 1
-            }),
-            k(n(Jt), { class: "x-simple-mask__main" }, {
-              default: f(() => [
-                _(i.$slots, "default", {}, () => [
-                  k(n(kt))
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }),
-        i.$slots.footer ? (u(), g(n(Gt), {
-          key: 0,
-          class: "x-simple-mask__footer",
-          height: "40px"
-        }, {
-          default: f(() => [
-            _(i.$slots, "footer")
-          ]),
-          _: 3
-        })) : y("", !0)
-      ]),
-      _: 3
-    }));
-  }
-}), Tt = {
-  /**
-   * 动作名称标识
-   */
-  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 mn(a) {
-  return h(() => {
-    const t = a.tooltip;
-    if (t)
-      return typeof t == "string" ? { content: t } : t;
-  });
-}
-function fn(a) {
-  return h(() => {
-    const t = a.badge;
-    if (t)
-      return typeof t == "object" ? t : { value: t };
-  });
-}
-function gn(a) {
-  return h(() => {
-    const { dropdown: t, menus: e } = a;
-    if (e && e.length > 0)
-      return Object.assign(
-        { popperClass: "x-action__menus", size: a.size },
-        t || {}
-      );
-  });
-}
-function yn(a) {
-  const t = ve();
-  return h(() => {
-    const e = n(a);
-    if (e)
-      if (typeof e == "string" || e.setup || e.render || jt(e)) {
-        const o = t?.appContext.app;
-        return {
-          icon: typeof e == "string" && o?.component(e) || e
-        };
-      } else
-        return e;
-    return null;
-  });
-}
-function he(a) {
-  const t = yn(a);
-  return t.value ? be(M({ render: () => te(ae, t.value) })) : null;
-}
-function Ze(a, t) {
-  return h(() => {
-    const e = n(a);
-    return typeof e == "function" ? e(t) : !!e;
-  });
-}
-const hn = { key: 0 }, vn = /* @__PURE__ */ M({
-  __name: "Trigger",
-  props: Tt,
-  emits: ["click"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = he(Be(e, "icon")), s = Ze(Be(e, "disabled")), c = h(() => ({
-      [`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
-    })), r = () => {
-      o("click");
-    };
-    return (i, m) => e.mode === "button" ? (u(), g(n(de), j({
-      key: 0,
-      icon: n(l),
-      type: e.type,
-      size: e.size,
-      disabled: n(s)
-    }, e.button, { onClick: r }), {
-      default: f(() => [
-        N(F(i.label), 1)
-      ]),
-      _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (u(), E("div", {
-      key: 1,
-      class: Q(["x-action__inner", c.value]),
-      onClick: r
-    }, [
-      (u(), g(W(n(l)))),
-      i.label ? (u(), E("span", hn, F(i.label), 1)) : y("", !0)
-    ], 2));
-  }
-}), Y = /* @__PURE__ */ M({
-  name: "XAction",
-  __name: "Action",
-  props: Tt,
-  emits: ["click", "command"],
-  setup(a, { emit: t }) {
-    const e = a, o = Nt(), l = t, s = mn(e), c = fn(e), r = gn(e), i = Ze(Be(e, "disabled")), m = h(() => ({
-      [`x-action--${e.mode}`]: !!e.mode
-    })), p = () => {
-      l("click", pe(e));
-    }, d = (x) => {
-      const T = e.menus?.find((v) => v.command === x);
-      T && l("command", pe(T));
-    }, b = (x) => te(Oe, c.value, () => [].concat(x)), S = (x) => te(
-      Yt,
-      { ...r.value, disabled: i.value, onCommand: d },
-      {
-        default: () => [x],
-        dropdown: () => [
-          te(
-            qt,
-            () => (e.menus || []).map((T) => te(
-              eo,
-              T,
-              () => o.item ? o.item({ item: T }) : T.label
-            ))
-          )
-        ]
-      }
-    ), w = (x) => te(ft, { ...s.value, disabled: i.value }, () => [
-      x
-    ]), P = h(() => {
-      let x = o.default ? o.default()[0] : te(be(vn), { ...e, onClick: p });
-      return c.value && (x = b(x)), r.value && (x = S(x)), s.value && (x = w(x)), x;
-    });
-    return (x, T) => (u(), E("div", {
-      class: Q(["x-action", m.value])
-    }, [
-      (u(), g(W(P.value)))
-    ], 2));
-  }
-}), bn = {
-  /**
-   * 动作项
-   */
-  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
-  }
-}, Pe = /* @__PURE__ */ M({
-  name: "XActionBar",
-  __name: "ActionBar",
-  props: bn,
-  emits: ["click", "command"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = h(() => (e.items || []).map((r) => r === "|" ? r : {
-      ...r,
-      badge: r.badge ? {
-        ...e.badge,
-        ...typeof r.badge == "object" ? r.badge || {} : { value: r.badge }
-      } : void 0,
-      tooltip: r.tooltip ? {
-        ...e.tooltip,
-        ...typeof r.tooltip == "object" ? r.tooltip || {} : { content: r.tooltip }
-      } : void 0
-    })), s = (r) => {
-      o("click", r);
-    }, c = (r, i) => {
-      o("command", r, i);
-    };
-    return (r, i) => (u(), g(n($), {
-      class: "x-action-bar",
-      align: "center"
-    }, {
-      default: f(() => [
-        (u(!0), E(Z, null, se(l.value, (m) => (u(), E(Z, null, [
-          m === "|" ? (u(), g(n(xe), {
-            key: 0,
-            direction: "vertical",
-            class: "x-action-bar__divider"
-          })) : (u(), g(n(Y), j({
-            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(Ze)(e.disabled, m).value
-          }, m, {
-            onClick: s,
-            onCommand: (p) => c(m, p)
-          }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
-        ], 64))), 256))
-      ]),
-      _: 1
-    }));
-  }
-}), _n = {
-  /**
-   * 组件渲染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
-  }
-}, $ = /* @__PURE__ */ M({
-  name: "XContainer",
-  __name: "Container",
-  props: _n,
-  setup(a) {
-    const t = a, e = Ue(), o = ve(), l = h(() => {
-      const r = o?.parent;
-      if (!r)
-        return !1;
-      const i = r.proxy;
-      return i.$options.name === "XContainer" || !!i.flex;
-    }), s = h(() => ({
-      "is-fit": t.fit,
-      "is-flex": t.flex && !t.inline,
-      "is-inline-flex": t.flex && t.inline,
-      [`is-direction-${t.direction}`]: t.flex && t.direction !== "row",
-      [`is-wrap-${t.wrap}`]: t.flex && t.wrap !== "nowrap",
-      [`is-justify-${t.justify}`]: t.flex && t.justify !== "flex-start",
-      [`is-align-${t.align}`]: t.flex && t.align !== "flex-start",
-      [`is-align-content-${t.alignContent}`]: t.flex && t.alignContent !== "stretch",
-      "is-grow": t.grow ?? l.value,
-      "is-shrink": l.value && t.shrink,
-      [`is-align-self-${t.alignSelf}`]: l.value && t.alignSelf !== "auto",
-      [`is-overflow-${t.overflow}`]: !!t.overflow,
-      "is-padding": !!t.padding,
-      "is-pointer": t.autoPointer && !!e.onClick,
-      "is-gap": !!t.gap
-    })), c = h(() => {
-      const { width: r, height: i, fit: m } = t;
-      return m ? null : {
-        width: r ? oe(r) : void 0,
-        height: i ? oe(i) : void 0
-      };
-    });
-    return (r, i) => (u(), g(W(t.tag), {
-      class: Q(["x-container", s.value]),
-      style: ue(c.value)
-    }, {
-      default: f(() => [
-        _(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-}), kn = {
-  size: {
-    type: String,
-    default: "default"
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  subtitle: {
-    type: String
-  },
-  icon: {
-    type: [String, Object]
-  },
-  border: {
-    type: Boolean
-  },
-  more: {
-    type: Boolean
-  }
-}, wn = {
-  key: 2,
-  class: "x-header__subtitle"
-}, xn = {
-  key: 0,
-  class: "x-header__actions"
-}, Et = /* @__PURE__ */ M({
-  name: "XHeader",
-  inheritAttrs: !1,
-  __name: "Header",
-  props: kn,
-  setup(a) {
-    const t = a, e = Ue(), o = he(Be(t, "icon")), l = h(() => ({
-      [`is-size-${t.size}`]: !!t.size && t.size !== "default",
-      "is-border": t.border,
-      "is-pointer": !!e.onClick
-    }));
-    return (s, c) => (u(), g(n($), {
-      class: Q(["x-header", l.value]),
-      justify: "space-between",
-      align: "center"
-    }, {
-      default: f(() => [
-        k(n($), {
-          align: "center",
-          class: Q(["x-header__wrapper", l.value]),
-          grow: ""
-        }, {
-          default: f(() => [
-            n(o) ? (u(), g(W(n(o)), {
-              key: 0,
-              class: "x-header__icon"
-            })) : y("", !0),
-            R("span", j({ class: "x-header__content" }, s.$attrs), [
-              _(s.$slots, "default", {}, () => [
-                N(F(t.content), 1)
-              ])
-            ], 16),
-            t.more ? (u(), g(n(ae), {
-              key: 1,
-              class: "x-header__more",
-              icon: n(wo)
-            }, null, 8, ["icon"])) : y("", !0),
-            t.subtitle || s.$slots.subtitle ? (u(), E("span", wn, [
-              _(s.$slots, "subtitle", {}, () => [
-                N(F(t.subtitle), 1)
-              ])
-            ])) : y("", !0)
-          ]),
-          _: 3
-        }, 8, ["class"]),
-        s.$slots.actions ? (u(), E("div", xn, [
-          _(s.$slots, "actions")
-        ])) : y("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), Sn = {
-  /**
-   * 宽高自适应
-   */
-  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]
-  },
-  bodyPadding: {
-    type: Boolean,
-    default: !0
-  },
-  footerPadding: {
-    type: Boolean,
-    default: !0
-  },
-  body: {
-    type: Object
-  },
-  footer: {
-    type: Object
-  }
-}, Mt = /* @__PURE__ */ M({
-  name: "XPanel",
-  __name: "Panel",
-  props: Sn,
-  setup(a, { expose: t }) {
-    const e = a, o = D(), l = h(() => ({
-      "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 = h(() => e.header === null ? null : typeof e.header == "string" ? {
-      content: e.header,
-      size: e.size
-    } : {
-      ...e.header,
-      size: e.size
-    }), c = h(() => e.fit || e.height ? "auto" : void 0);
-    return t({
-      bodyRef: o
-    }), (r, i) => (u(), g(n($), {
-      class: Q(["x-panel", l.value]),
-      direction: "column",
-      fit: e.fit,
-      width: e.width,
-      height: e.height
-    }, {
-      default: f(() => [
-        s.value ? (u(), g(n($), {
-          key: 0,
-          flex: !1,
-          class: "x-panel__header"
-        }, {
-          default: f(() => [
-            _(r.$slots, "header", {}, () => [
-              k(n(Et), ce(ge(s.value)), {
-                default: f(() => [
-                  _(r.$slots, "title")
-                ]),
-                actions: f(() => [
-                  _(r.$slots, "actions")
-                ]),
-                _: 3
-              }, 16)
-            ])
-          ]),
-          _: 3
-        })) : y("", !0),
-        k(n($), j({
-          ref_key: "bodyRef",
-          ref: o,
-          flex: !1,
-          overflow: c.value,
-          grow: "",
-          padding: "",
-          class: "x-panel__body"
-        }, e.body), {
-          default: f(() => [
-            _(r.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["overflow"]),
-        r.$slots.footer ? (u(), g(n($), j({
-          key: 1,
-          flex: !1,
-          padding: "",
-          class: "x-panel__footer"
-        }, e.footer), {
-          default: f(() => [
-            _(r.$slots, "footer")
-          ]),
-          _: 3
-        }, 16)) : y("", !0)
-      ]),
-      _: 3
-    }, 8, ["class", "fit", "width", "height"]));
-  }
-}), st = "user-select-none";
-class lt {
-  constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = ct(), this.scope.run(() => {
-      this.init();
-    });
-  }
-  scope;
-  dragging = !1;
-  getHandle() {
-    const { selector: t, handle: e } = this.options;
-    return t ? this.el.querySelector(t) : e;
-  }
-  getTarget() {
-    const { target: t = "body" } = this.options;
-    return typeof t == "string" ? document.querySelector(t) : n(t) || document.body;
-  }
-  init() {
-    const { el: t, options: e } = this, { disabled: o, delay: l = 150, onStart: s, onEnd: c } = e;
-    if (o)
-      return;
-    let r = null;
-    const i = this.getHandle(), m = this.getTarget();
-    let p = t.getBoundingClientRect(), d = null;
-    const { x: b, y: S } = Fo(t, {
-      initialValue: { x: p.x, y: p.y },
-      ...e,
-      handle: i,
-      onStart: (w, P) => {
-        document.body.classList.add(st), clearTimeout(r), r = setTimeout(() => {
-          this.dragging = !0, p = t.getBoundingClientRect(), d = m?.getBoundingClientRect(), s && s(w, P);
-        }, l);
-      },
-      onEnd: (w, P) => {
-        if (clearTimeout(r), document.body.classList.remove(st), this.dragging && d) {
-          this.dragging = !1;
-          const { x, y: T } = w, v = this.getPosition(d, p, x, T);
-          c && c(v, P), d = null;
-        }
-      }
-    });
-    L([b, S], () => {
-      if (this.dragging && d) {
-        const w = this.getPosition(d, p, b.value, S.value);
-        t.style.left = `${w.x}px`, t.style.top = `${w.y}px`;
-      }
-    });
-  }
-  getPosition(t, e, o, l) {
-    const { edge: s = 50 } = this.options, c = -e.width + s, r = t.width - s, i = 0, m = t.height - s, p = Math.min(r, Math.max(o, c)), d = Math.min(m, Math.max(l, i));
-    return {
-      x: p,
-      y: d
-    };
-  }
-  destory() {
-    this.scope.stop();
-  }
-}
-const zn = {
-  mounted(a, t) {
-    const e = t.value || {}, o = new lt(a, e);
-    a.__draggable__ = o;
-  },
-  updated(a, t) {
-    const e = t.value || {};
-    let o = a.__draggable__;
-    o && !Ke(o.options, e) && (o.destory(), a.__draggable__ = new lt(a, e));
-  },
-  unmounted(a) {
-    const t = a.__draggable__;
-    t && (t.destory(), a.__draggable__ = null);
-  }
-}, Fe = "user-select-none";
-class it {
-  constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = ct(), this.scope.run(() => {
-      this.init();
-    });
-  }
-  scope;
-  resizing = D(!1);
-  direction = D("");
-  MIE = null;
-  cleanMousedown;
-  cleanMouseup;
-  init() {
-    const { el: t, options: e } = this, { disabled: o, onStart: l, onEnd: s } = e;
-    if (o)
-      return;
-    this.MIE = Oo(t), this.cleanMousedown = Ie(document, "mousedown", () => {
-      this.direction?.value && this.MIE && (this.resizing.value = !0, t.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
-    }), this.cleanMouseup = Ie(document, "mouseup", () => {
-      this.resizing.value && this.direction?.value && this.MIE && (t.classList.remove(
-        "is-resizing",
-        `is-${this.direction.value}-resizing`
-      ), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
-    }), L(this.direction, (i) => {
-      const m = document.body;
-      m.style.cursor = i ? `${i}-resize` : "", i ? m.classList.add(Fe) : m.classList.remove(Fe);
-    });
-    const { x: c, y: r } = this.MIE;
-    L([c, r], () => {
-      this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
-    });
-  }
-  resize() {
-    const { MIE: t, direction: e, resizing: o, options: l, el: s } = this, c = e?.value || "";
-    if (!t || !o.value || !c)
-      return;
-    const { x: r, y: i, elementX: m, elementY: p, elementHeight: d, elementWidth: b } = t, { onResizing: S } = l, {
-      minWidth: w = 0,
-      minHeight: P = 0,
-      maxWidth: x = 99999,
-      maxHeight: T = 99999
-    } = l;
-    if (c.includes("e")) {
-      const v = Math.min(Math.max(m.value, w), x);
-      s.style.width = `${v}px`;
-    }
-    if (c.includes("s")) {
-      const v = Math.min(Math.max(p.value, P), T);
-      s.style.height = `${v}px`;
-    }
-    if (c.includes("w")) {
-      const v = Math.min(
-        Math.max(b.value - m.value, w),
-        x
-      );
-      s.style.width = `${v}px`, s.style.left = `${r.value}px`;
-    }
-    if (c.includes("n")) {
-      const v = Math.min(
-        Math.max(d.value - p.value, P),
-        T
-      );
-      this.el.style.height = `${v}px`, this.el.style.top = `${i.value}px`;
-    }
-    S && S(c, t);
-  }
-  getDirection() {
-    if (!this.MIE)
-      return "";
-    const { elementX: t, elementY: e, elementHeight: o, elementWidth: l, isOutside: s } = this.MIE;
-    if (s.value)
-      return "";
-    const { dirs: c = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
-    let i = "";
-    return c.includes("n") && e.value <= r ? i += "n" : c.includes("s") && e.value > o.value - r && (i += "s"), c.includes("w") && t.value <= r ? i += "w" : c.includes("e") && t.value > l.value - r && (i += "e"), i;
-  }
-  destory() {
-    const t = document.body;
-    t.style.cursor = "", t.classList.remove(Fe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
-  }
-}
-const $t = {
-  mounted(a, t) {
-    const e = t.value || {}, o = new it(a, e);
-    a.__resizable__ = o;
-  },
-  updated(a, t) {
-    const e = t.value || {};
-    let o = a.__resizable__;
-    o && !Ke(o.options, e) && (o.destory(), a.__resizable__ = new it(a, e));
-  },
-  unmounted(a) {
-    const t = a.__resizable__;
-    t && (t.destory(), a.__resizable__ = null);
-  }
-}, Cn = {
-  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: !0
-  },
-  minimizable: {
-    type: Boolean,
-    default: !0
-  },
-  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 fe = 1e3;
-function Tn(a, t) {
-  const { width: e, height: o } = wt(t), l = He({
-    mode: a.mode || "normal",
-    wrapperWidth: 0,
-    wrapperHeight: 0,
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    zIndex: ++fe,
-    dragging: !1,
-    resizing: !1
-  });
-  return L([e, o], ([s, c]) => {
-    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Te(a.width, s), l.height = Te(a.height, c), l.left = a.left ? Te(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Te(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
-  }), L(l, (s) => {
-    fe = Math.max(s.zIndex, fe);
-  }), {
-    state: l,
-    normal: h(() => l.mode === "normal"),
-    maximized: h(() => l.mode === "maximized"),
-    minimized: h(() => l.mode === "minimized")
-  };
-}
-function En(a, t) {
-  const e = h(() => {
-    const { width: c, height: r, top: i, left: m, zIndex: p } = t;
-    return {
-      width: `${c}px`,
-      height: `${r}px`,
-      top: `${i}px`,
-      left: `${m}px`,
-      zIndex: p
-    };
-  }), o = h(() => ({
-    [`is-${t.mode}`]: !!t.mode,
-    "is-draggable": !!a.draggable,
-    "is-resizable": !!a.resizable,
-    "is-primary": !!a.primary
-  })), l = h(() => ({
-    [`is-${t.mode}`]: !!t.mode,
-    "is-dragging": t.dragging,
-    "is-resizing": t.resizing
-  })), s = h(() => ({
-    zIndex: t.zIndex
-  }));
-  return {
-    styles: e,
-    classes: o,
-    wrapperClass: l,
-    modalStyle: s
-  };
-}
-function Mn(a, t, e) {
-  const o = (p) => {
-    t.mode = p, ["maximized", "minimized", "normal"].includes(p) && e(p), e("modeChange", p);
-  }, l = async () => {
-    (!a.beforeClose || await a.beforeClose()) && (e("update:modelValue", !1), e("close"), e("destroy"));
-  };
-  return {
-    close: l,
-    changeMode: o,
-    show: () => o("normal"),
-    hide: () => o("minimized"),
-    active: () => {
-      t.zIndex = Math.max(t.zIndex, ++fe);
-    },
-    submit: () => e("submit"),
-    cancel: () => {
-      e("cancel"), l();
-    }
-  };
-}
-function $n(a, t, e, o) {
-  return h(() => {
-    const l = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
-    return {
-      ...Qe(a.draggable) ? a.draggable : {},
-      disabled: l,
-      target: o,
-      selector: ".x-panel__header",
-      onStart(s) {
-        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++fe), e("dragStart", s);
-      },
-      onMove(s) {
-        e("dragging", s);
-      },
-      onEnd(s) {
-        if (t.mode === "maximized")
-          return;
-        const { x: c, y: r } = s;
-        t.left = c, t.top = r, t.dragging = !1, e("dragEnd", s);
-      }
-    };
-  });
-}
-function Bn(a, t, e) {
-  return h(() => {
-    const o = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
-    return {
-      minWidth: 200,
-      minHeight: 150,
-      ...Qe(a.resizable) ? a.resizable : {},
-      disabled: o,
-      dirs: ["e", "s", "w"],
-      onStart(l, s) {
-        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++fe), e("resizeStart", l, s);
-      },
-      onResizing(l, s) {
-        e("resizing", l, s);
-      },
-      onEnd(l, s) {
-        t.left = s.elementPositionX.value, t.top = s.elementPositionY.value, t.width = s.elementWidth.value, t.height = s.elementHeight.value, t.resizing = !1, e("resizeEnd", l, s);
-      }
-    };
-  });
-}
-function In(a, t) {
-  const e = a.componentInstance;
-  if (!e)
-    return;
-  let o = null;
-  return ut(() => {
-    const l = n(t), s = n(l?.bodyRef);
-    o = e.$el, s && s.$el && s.$el.appendChild(o);
-  }), dt(() => {
-    o && o.parentNode && o.parentNode.removeChild(o);
-  }), {
-    componentInstance: e
-  };
-}
-const An = ["src"], Je = /* @__PURE__ */ M({
-  name: "XDialog",
-  __name: "Dialog",
-  props: Cn,
-  emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
-  setup(a, { expose: t, emit: e }) {
-    const o = a, l = e, s = ve(), c = D(), r = D(), { state: i, maximized: m, minimized: p, normal: d } = Tn(o, c), { styles: b, classes: S, wrapperClass: w, modalStyle: P } = En(o, i), { changeMode: x, active: T, close: v, show: I, hide: A, submit: U, cancel: z } = Mn(
-      o,
-      i,
-      l
-    ), H = $n(o, i, l, c), X = Bn(o, i, l), le = In(o, r);
-    pt(async () => {
-      o.modelValue && (await me(), s && l("open", s));
-    });
-    const _e = h(() => r.value?.$el);
-    return t({
-      $vtjEl: _e,
-      panelRef: r,
-      state: i,
-      maximized: m,
-      minimized: p,
-      changeMode: x,
-      show: I,
-      hide: A,
-      submit: U,
-      cancel: z,
-      componentInstance: le
-    }), (K, G) => o.modelValue ? (u(), g(mt, {
-      key: 0,
-      to: "body"
-    }, [
-      R("div", {
-        ref_key: "wrapper",
-        ref: c,
-        class: Q(["x-dialog__wrapper", n(w)])
-      }, [
-        o.modal ? (u(), E("div", {
-          key: 0,
-          class: "x-dialog__modal",
-          style: ue(n(P))
-        }, null, 4)) : y("", !0),
-        J((u(), g(n(Mt), {
-          ref_key: "panelRef",
-          ref: r,
-          class: Q(["x-dialog", n(S)]),
-          card: "",
-          shadow: "always",
-          header: { icon: o.icon, subtitle: o.subtitle },
-          width: "800px",
-          height: "600px",
-          footer: { justify: "space-between", flex: !0, align: "center" },
-          style: ue(n(b)),
-          size: o.size,
-          body: { padding: o.bodyPadding },
-          onClick: n(T)
-        }, ye({
-          title: f(() => [
-            N(F(o.title), 1)
-          ]),
-          actions: f(() => [
-            _(K.$slots, "actions"),
-            o.minimizable ? (u(), g(n(Y), {
-              key: 0,
-              icon: n(Po),
-              size: o.size,
-              mode: "icon",
-              type: "primary",
-              background: "hover",
-              onClick: G[0] || (G[0] = (ie) => n(x)("minimized"))
-            }, null, 8, ["icon", "size"])) : y("", !0),
-            o.maximizable ? (u(), E(Z, { key: 1 }, [
-              n(d) ? (u(), g(n(Y), {
-                key: 1,
-                icon: n(Do),
-                size: o.size,
-                mode: "icon",
-                type: "primary",
-                background: "hover",
-                onClick: G[2] || (G[2] = (ie) => n(x)("maximized"))
-              }, null, 8, ["icon", "size"])) : (u(), g(n(Y), {
-                key: 0,
-                icon: n(Vo),
-                size: o.size,
-                mode: "icon",
-                type: "primary",
-                background: "hover",
-                onClick: G[1] || (G[1] = (ie) => n(x)("normal"))
-              }, null, 8, ["icon", "size"]))
-            ], 64)) : y("", !0),
-            o.closable ? (u(), g(n(Y), {
-              key: 2,
-              icon: n(Ro),
-              size: o.size,
-              mode: "icon",
-              type: "danger",
-              background: "hover",
-              onClick: n(v)
-            }, null, 8, ["icon", "size", "onClick"])) : y("", !0)
-          ]),
-          default: f(() => [
-            _(K.$slots, "default", {}, () => [
-              o.content ? (u(), g(W(o.content), { key: 0 })) : y("", !0),
-              o.src ? (u(), E("iframe", {
-                key: 1,
-                src: o.src,
-                class: "x-dialog__frame"
-              }, null, 8, An)) : y("", !0)
-            ])
-          ]),
-          _: 2
-        }, [
-          o.cancel || o.submit || K.$slots.footer || K.$slots.extra || K.$slots.handle ? {
-            name: "footer",
-            fn: f(() => [
-              _(K.$slots, "footer", {}, () => [
-                k(n($), { align: "center" }, {
-                  default: f(() => [
-                    _(K.$slots, "extra")
-                  ]),
-                  _: 3
-                }),
-                k(n($), { align: "center" }, {
-                  default: f(() => [
-                    _(K.$slots, "handle"),
-                    o.cancel ? (u(), g(n(de), {
-                      key: 0,
-                      type: "default",
-                      size: o.size,
-                      onClick: n(z)
-                    }, {
-                      default: f(() => [
-                        N(F(typeof o.cancel == "string" ? o.cancel : "取消"), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "onClick"])) : y("", !0),
-                    o.submit ? (u(), g(n(de), {
-                      key: 1,
-                      type: "primary",
-                      size: o.size,
-                      onClick: n(U)
-                    }, {
-                      default: f(() => [
-                        N(F(typeof o.submit == "string" ? o.submit : "确定"), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "onClick"])) : y("", !0)
-                  ]),
-                  _: 3
-                })
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["header", "class", "style", "size", "body", "onClick"])), [
-          [n(zn), n(H)],
-          [n($t), n(X)]
-        ])
-      ], 2)
-    ])) : y("", !0);
-  }
-});
-function Ge(a, t) {
-  const e = document.createElement("div"), o = k(Je, a);
-  o.appContext = t ?? Ge._context, Ye(o, e);
-  const l = () => {
-    Ye(null, e), e.parentNode?.removeChild(e);
-  };
-  return o.props.onDestroy = () => {
-    l();
-  }, document.body.appendChild(e), {
-    vnode: o,
-    destroy: l
-  };
-}
-const Pn = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -1), Vn = /* @__PURE__ */ M({
-  __name: "Sidebar",
-  props: {
-    collapsed: { type: Boolean }
-  },
-  setup(a) {
-    const t = a;
-    return (e, o) => J((u(), g(n($), {
-      class: Q(["x-mask-sidebar", { "is-collapsed": t.collapsed }]),
-      grow: !1,
-      flex: "",
-      direction: "column"
-    }, {
-      default: f(() => [
-        _(e.$slots, "brand"),
-        k(n($), {
-          class: "x-mask-sidebar__wrapper",
-          flex: "",
-          grow: "",
-          direction: "column",
-          justify: "space-between",
-          align: "center"
-        }, {
-          default: f(() => [
-            _(e.$slots, "default"),
-            Pn
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"])), [
-      [n($t), {
-        dirs: ["e"],
-        disabled: t.collapsed,
-        maxWidth: 500,
-        minWidth: 200
-      }]
-    ]);
-  }
-}), Dn = /* @__PURE__ */ M({
-  __name: "SwitchBar",
-  props: {
-    collasped: { type: Boolean, default: !1 },
-    favorite: { type: Boolean, default: !1 },
-    keyword: {}
-  },
-  emits: [
-    "update:collasped",
-    "update:keyword",
-    "update:favorite"
-  ],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = D(!1), s = D(""), c = D(!1), r = () => {
-      l.value = !0;
-    }, i = () => {
-      s.value = "", l.value = !1, o("update:keyword", s.value);
-    }, m = () => {
-      o("update:collasped", !e.collasped);
-    }, p = () => {
-      o("update:keyword", s.value);
-    }, d = () => {
-      o("update:favorite", c.value);
-    };
-    return (b, S) => (u(), g(n($), {
-      class: "x-mask-switch-bar",
-      justify: "space-between",
-      align: "center"
-    }, {
-      default: f(() => [
-        e.collasped ? y("", !0) : (u(), g(n($), {
-          key: 0,
-          class: "x-mask-switch-bar__left",
-          grow: ""
-        }, {
-          default: f(() => [
-            l.value ? y("", !0) : (u(), g(n(We), {
-              key: 0,
-              modelValue: c.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (w) => c.value = w),
-              class: "x-mask-switch-bar__switch",
-              "active-icon": n(vt),
-              "inactive-icon": n(ht),
-              onChange: d
-            }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            l.value ? (u(), g(n(je), {
-              key: 1,
-              modelValue: s.value,
-              "onUpdate:modelValue": S[1] || (S[1] = (w) => s.value = w),
-              class: "x-mask-switch-bar__input",
-              size: "small",
-              placeholder: "请输入查询关键字",
-              onInput: p,
-              "prefix-icon": n(Xe)
-            }, {
-              suffix: f(() => [
-                k(n(ae), {
-                  icon: n(bt),
-                  onClick: i
-                }, null, 8, ["icon"])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : y("", !0)
-          ]),
-          _: 1
-        })),
-        k(n($), {
-          class: Q(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
-          flex: "",
-          align: "center",
-          justify: "center"
-        }, {
-          default: f(() => [
-            !l.value && !e.collasped ? (u(), g(n(Y), {
-              key: 0,
-              icon: n(Xe),
-              mode: "icon",
-              background: "hover",
-              size: "default",
-              circle: "",
-              onClick: r
-            }, null, 8, ["icon"])) : y("", !0),
-            e.collasped ? (u(), g(n(Y), {
-              key: 1,
-              icon: n(xo),
-              mode: "icon",
-              size: "default",
-              background: "hover",
-              onClick: m,
-              circle: ""
-            }, null, 8, ["icon"])) : y("", !0),
-            e.collasped ? y("", !0) : (u(), g(n(Y), {
-              key: 2,
-              icon: n(So),
-              mode: "icon",
-              size: "default",
-              background: "hover",
-              circle: "",
-              onClick: m
-            }, null, 8, ["icon"]))
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }));
-  }
-}), Rn = ["src"], Fn = { key: 0 }, On = /* @__PURE__ */ M({
-  __name: "Brand",
-  props: {
-    collapsed: { type: Boolean, default: !1 },
-    logo: {},
-    title: {},
-    url: {}
-  },
-  setup(a) {
-    const t = a, e = Ae(), o = () => {
-      t.url && e.push(t.url);
-    };
-    return (l, s) => (u(), g(n($), {
-      class: Q(["x-mask-brand", { "is-collapsed": t.collapsed }]),
-      align: "center"
-    }, {
-      default: f(() => [
-        k(n($), {
-          class: "x-mask-brand__logo",
-          flex: "",
-          justify: "center",
-          align: "center",
-          onClick: o
-        }, {
-          default: f(() => [
-            _(l.$slots, "logo", {}, () => [
-              t.logo ? (u(), E("img", {
-                key: 0,
-                src: t.logo
-              }, null, 8, Rn)) : y("", !0)
-            ])
-          ]),
-          _: 3
-        }),
-        k(n($), {
-          class: "x-mask-brand__title",
-          flex: "",
-          align: "center"
-        }, {
-          default: f(() => [
-            t.title ? (u(), E("span", Fn, [
-              _(l.$slots, "title", {}, () => [
-                N(F(t.title), 1)
-              ])
-            ])) : y("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), Ee = "__favorites__", Me = "__search__", jn = /* @__PURE__ */ M({
-  __name: "Menu",
-  props: {
-    collapse: { type: Boolean, default: !1 },
-    keyword: {},
-    favorite: { type: Boolean },
-    favorites: {},
-    flatMenus: {},
-    menus: {},
-    active: {}
-  },
-  emits: ["select"],
-  setup(a, { emit: t }) {
-    const e = a, o = h(() => e.menus || []), l = t, s = h(() => String(e.active?.id)), c = h(() => [
-      {
-        id: Ee,
-        title: "收藏",
-        icon: _t,
-        children: e.favorites?.length ? e.favorites : [
-          {
-            id: Ee + "empty",
-            disabled: !0,
-            title: "暂无收藏菜单"
-          }
-        ]
-      }
-    ]), r = h(() => {
-      const m = (e.keyword || "").trim(), p = m ? (e.flatMenus || []).filter((d) => d.title?.includes(m)) : [];
-      return [
-        {
-          id: Me,
-          title: "搜索",
-          icon: Xe,
-          children: p?.length ? p : [
-            {
-              id: Me + "empty",
-              disabled: !0,
-              title: "查询匹配不到菜单项"
-            }
-          ]
-        }
-      ];
-    }), i = (m) => {
-      l("select", m);
-    };
-    return (m, p) => (u(), E(Z, null, [
-      J(k(n($), {
-        class: "x-mask-menu",
-        grow: "",
-        flex: !1,
-        overflow: "auto"
-      }, {
-        default: f(() => [
-          J(k(n(ne), {
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0,
-              showTimeout: 200,
-              hideTimeout: 200
-            },
-            data: o.value,
-            "default-icon": n(re),
-            collapse: !0,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active"]), [
-            [ee, e.collapse]
-          ]),
-          J(k(n(ne), {
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0
-            },
-            data: o.value,
-            "default-icon": n(re),
-            collapse: !1,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active"]), [
-            [ee, !e.collapse]
-          ]),
-          o.value.length ? y("", !0) : (u(), g(n(to), {
-            key: 0,
-            description: "暂无菜单数据"
-          }))
-        ]),
-        _: 1
-      }, 512), [
-        [ee, !e.favorite && !e.keyword]
-      ]),
-      J(k(n($), {
-        class: "x-mask-menu",
-        grow: "",
-        flex: !1,
-        overflow: "auto"
-      }, {
-        default: f(() => [
-          J(k(n(ne), {
-            class: "x-mask-menu__favorites",
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0,
-              showTimeout: 200,
-              hideTimeout: 200
-            },
-            data: c.value,
-            "default-icon": n(re),
-            collapse: !0,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            "default-openeds": [Ee],
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [ee, e.collapse]
-          ]),
-          J(k(n(ne), {
-            class: "x-mask-menu__favorites",
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0,
-              showTimeout: 200,
-              hideTimeout: 200
-            },
-            data: c.value,
-            "default-icon": n(re),
-            collapse: !1,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            "default-openeds": [Ee],
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [ee, !e.collapse]
-          ])
-        ]),
-        _: 1
-      }, 512), [
-        [ee, e.favorite && !e.keyword]
-      ]),
-      e.keyword ? J((u(), g(n($), {
-        key: 0,
-        class: "x-mask-menu",
-        grow: "",
-        flex: !1,
-        overflow: "auto"
-      }, {
-        default: f(() => [
-          J(k(n(ne), {
-            class: "x-mask-menu__search",
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0,
-              showTimeout: 200,
-              hideTimeout: 200
-            },
-            data: r.value,
-            "default-icon": n(re),
-            collapse: !0,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            "default-openeds": [Me],
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [ee, e.collapse]
-          ]),
-          J(k(n(ne), {
-            class: "x-mask-menu__search",
-            subMenu: {
-              popperClass: "x-mask-menu-popper",
-              teleported: !0,
-              showTimeout: 200,
-              hideTimeout: 200
-            },
-            data: r.value,
-            "default-icon": n(re),
-            collapse: !1,
-            "collapse-transition": !1,
-            "default-active": s.value,
-            "default-openeds": [Me],
-            onSelect: i
-          }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [ee, !e.collapse]
-          ])
-        ]),
-        _: 1
-      }, 512)), [
-        [ee, !!e.keyword]
-      ]) : y("", !0)
-    ], 64));
-  }
-}), Nn = { class: "x-mask-tabs__trigger" }, Xn = { key: 1 }, Un = ["onDragstart", "onDragend"], Hn = { key: 1 }, Wn = /* @__PURE__ */ M({
-  __name: "Tabs",
-  props: {
-    tabs: {},
-    home: {},
-    isActiveTab: { type: Function },
-    value: {},
-    favorites: {}
-  },
-  emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = (p) => {
-      const d = !!e.favorites.find(
-        (b) => b === p.menu || b.id === p.menu?.id
-      );
-      return [
-        {
-          icon: zo,
-          label: "刷新",
-          name: "refresh",
-          value: p
-        },
-        "|",
-        {
-          icon: d ? vt : _t,
-          label: "收藏",
-          name: "favorite",
-          value: p.menu,
-          disabled: !p.menu
-        },
-        "|",
-        {
-          icon: Co,
-          label: "弹窗",
-          name: "dialog",
-          value: p
-        }
-      ];
-    }, s = (p) => {
-      const d = p.paneName;
-      if (d === e.home.id) {
-        o("click", e.home);
-        return;
-      }
-      const b = e.tabs.find((S) => S.id === d);
-      b && o("click", b);
-    }, c = (p) => {
-      const d = e.tabs.find((b) => b.id === p);
-      d && o("remove", d);
-    }, r = (p) => {
-      switch (p.name) {
-        case "refresh":
-          o("refresh", p.value);
-          break;
-        case "favorite":
-          o("toggleFavorite", p.value);
-          break;
-        case "dialog":
-          o("dialog", p.value);
-          break;
-      }
-    }, i = (p, d) => {
-      d.dataTransfer && (d.dataTransfer.setData("tab", p.id), d.target && d.target.classList.add("is-dagging"));
-    }, m = (p, d) => {
-      d.target && d.target.classList.remove("is-dagging");
-    };
-    return (p, d) => (u(), g(n($), {
-      ref: "tabsRef",
-      class: "x-mask-tabs",
-      height: "100%",
-      grow: "",
-      flex: "",
-      justify: "flex-end",
-      direction: "column"
-    }, {
-      default: f(() => [
-        k(n(gt), {
-          type: "card",
-          "model-value": e.value,
-          onTabRemove: c,
-          onTabClick: s
-        }, {
-          default: f(() => [
-            e.home ? (u(), g(n(Ne), {
-              key: 0,
-              name: e.home.id
-            }, {
-              label: f(() => [
-                R("div", Nn, [
-                  e.home.icon ? (u(), g(W(n(he)(e.home.icon)), { key: 0 })) : y("", !0),
-                  e.home.title ? (u(), E("span", Xn, F(e.home.title), 1)) : y("", !0)
-                ])
-              ]),
-              _: 1
-            }, 8, ["name"])) : y("", !0),
-            (u(!0), E(Z, null, se(e.tabs, (b) => (u(), g(n(Ne), {
-              key: b.id,
-              name: b.id,
-              lazy: "",
-              closable: ""
-            }, {
-              label: f(() => [
-                k(n(yt), {
-                  "open-delay": 500,
-                  placement: "bottom",
-                  trigger: "hover",
-                  width: "200px",
-                  disabled: b.id !== e.value
-                }, {
-                  reference: f(() => [
-                    R("div", {
-                      class: "x-mask-tabs__trigger",
-                      draggable: "true",
-                      onDragstart: (S) => i(b, S),
-                      onDragend: (S) => m(b, S)
-                    }, [
-                      b.icon ? (u(), g(W(n(he)(b.icon)), { key: 0 })) : y("", !0),
-                      b.title ? (u(), E("span", Hn, F(b.title), 1)) : y("", !0)
-                    ], 40, Un)
-                  ]),
-                  default: f(() => [
-                    k(n(Pe), {
-                      items: l(b),
-                      mode: "text",
-                      size: "small",
-                      type: "info",
-                      onClick: r
-                    }, null, 8, ["items"])
-                  ]),
-                  _: 2
-                }, 1032, ["disabled"])
-              ]),
-              _: 2
-            }, 1032, ["name"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value"])
-      ]),
-      _: 1
-    }, 512));
-  }
-}), Ln = /* @__PURE__ */ M({
-  __name: "ThemeSwitch",
-  setup(a) {
-    const t = jo();
-    return (e, o) => (u(), g(n(We), {
-      class: "x-mask-theme-switch",
-      modelValue: n(t),
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => $e(t) ? t.value = l : null),
-      size: "default",
-      "active-action-icon": n(To),
-      "inactive-action-icon": n(Eo)
-    }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
-  }
-}), Kn = { class: "x-mask-toolbar__menu-item" }, Qn = /* @__PURE__ */ M({
-  __name: "Toolbar",
-  props: {
-    tabs: { default: () => [] },
-    actions: {},
-    theme: { type: Boolean }
-  },
-  emits: [
-    "closeOtherTabs",
-    "closeAllTabs",
-    "closeTab",
-    "clickTab",
-    "actionClick",
-    "actionCommand"
-  ],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = h(() => {
-      const m = e.tabs.map((p, d) => ({
-        divided: d === 0,
-        label: p.title,
-        command: p
-      }));
-      return [
-        {
-          label: "关闭其他",
-          command: "other"
-        },
-        {
-          label: "关闭全部",
-          command: "all"
-        },
-        ...m
-      ];
-    }), s = (m) => {
-      o("closeTab", m.command);
-    }, c = (m) => {
-      switch (m.command) {
-        case "all":
-          o("closeAllTabs");
-          break;
-        case "other":
-          o("closeOtherTabs");
-          break;
-        default:
-          o("clickTab", m.command);
-          break;
-      }
-    }, r = (m) => {
-      o("actionClick", m);
-    }, i = (m, p) => {
-      o("actionCommand", m, p);
-    };
-    return (m, p) => (u(), g(n($), {
-      class: "x-mask-toolbar",
-      align: "center"
-    }, {
-      default: f(() => [
-        k(n(Y), {
-          icon: n(Mo),
-          menus: l.value,
-          dropdown: { size: "small" },
-          mode: "icon",
-          circle: "",
-          background: "hover",
-          onCommand: c
-        }, {
-          item: f(({ item: d }) => [
-            R("span", Kn, [
-              N(F(d.label) + " ", 1),
-              ["other", "all"].includes(d.command) ? y("", !0) : (u(), g(n(ae), {
-                key: 0,
-                onClick: Xt((b) => s(d), ["stop"]),
-                icon: n(bt)
-              }, null, 8, ["onClick", "icon"]))
-            ])
-          ]),
-          _: 1
-        }, 8, ["icon", "menus"]),
-        k(n(xe), { direction: "vertical" }),
-        e.actions ? (u(), g(n(Pe), {
-          key: 0,
-          circle: "",
-          mode: "icon",
-          size: "default",
-          background: "hover",
-          items: m.actions,
-          onClick: r,
-          onCommand: i
-        }, null, 8, ["items"])) : y("", !0),
-        e.actions ? (u(), g(n(xe), {
-          key: 1,
-          direction: "vertical"
-        })) : y("", !0),
-        e.theme ? (u(), g(Ln, { key: 2 })) : y("", !0),
-        e.theme ? (u(), g(n(xe), {
-          key: 3,
-          direction: "vertical"
-        })) : y("", !0),
-        _(m.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-}), Zn = /* @__PURE__ */ M({
-  __name: "Avatar",
-  props: {
-    avatar: {}
-  },
-  setup(a) {
-    const t = a;
-    return (e, o) => (u(), g(n(yt), {
-      width: 200,
-      "popper-class": "x-mask-avatar__popper",
-      disabled: !e.$slots.default
-    }, {
-      reference: f(() => [
-        k(n(oo), {
-          class: "x-mask-avatar",
-          shape: "circle",
-          icon: n($o),
-          src: t.avatar,
-          size: 26
-        }, null, 8, ["icon", "src"])
-      ]),
-      default: f(() => [
-        e.$slots.default ? _(e.$slots, "default", { key: 0 }) : y("", !0)
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
-  }
-}), rt = /* @__PURE__ */ M({
-  __name: "Content",
-  props: {
-    createView: { type: Function },
-    exclude: {}
-  },
-  setup(a) {
-    const t = a;
-    return (e, o) => (u(), g(n($), {
-      class: "x-mask__content",
-      flex: !1,
-      grow: "",
-      padding: !1
-    }, {
-      default: f(() => [
-        _(e.$slots, "default"),
-        k(n(kt), null, {
-          default: f(({ Component: l, route: s }) => [
-            (u(), g(Ut, {
-              exclude: t.exclude
-            }, [
-              l ? (u(), g(W(t.createView(l, s)), {
-                key: s.fullPath
-              })) : y("", !0)
-            ], 1032, ["exclude"]))
-          ]),
-          _: 1
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), Jn = 140, Gn = {
-  /**
-   * 系统logo
-   */
-  logo: {
-    type: String,
-    default: zt
-  },
-  /**
-   * 系统标题
-   */
-  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
-  }
-}, Bt = Symbol(), It = Symbol();
-function Yn(a) {
-  const t = D(!1), e = D(""), o = D(!1);
-  return {
-    collapsed: t,
-    keyword: e,
-    favorite: o
-  };
-}
-function qn(a) {
-  const t = xt();
-  return h(() => {
-    const e = a.home;
-    return Object.assign(
-      { id: t, url: "/", name: "MaskHome", icon: Bo, closable: !1 },
-      typeof e == "string" ? { url: e } : e || {}
-    );
-  });
-}
-function At(a, t) {
-  let e = [];
-  return a.forEach((o) => {
-    o = t ? t(o) : o, o.children ? e = e.concat(At(o.children, t)) : e.push(o);
-  }), e;
-}
-function ea(a, t) {
-  const e = Ae(), o = qe([]), l = qe([]), s = h(() => At(o.value, a.menuAdapter)), c = h(() => Xo(s.value, "id")), r = D(null), i = (w) => {
-    const P = typeof w == "object" ? w.id : w, x = c.value.get(P);
-    if (!x) {
-      console.warn("找不到菜单", w);
-      return;
-    }
-    const { type: T = "route", url: v, title: I, icon: A } = x;
-    if (!v) {
-      r.value = x, t("select", x);
-      return;
-    }
-    if (T === "route") {
-      Uo(v) || v.startsWith("//") ? window.open(v) : (r.value = x, e.push(v).catch((U) => U));
-      return;
-    }
-    if (T === "window") {
-      window.open(v);
-      return;
-    }
-    T === "dialog" && Ge({
-      resizable: !0,
-      bodyPadding: !1,
-      width: "80%",
-      height: "80%",
-      title: I,
-      icon: A,
-      src: v
-    });
-  }, m = async () => {
-    o.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
-  }, p = (w) => {
-    l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
-  }, d = (w) => {
-    l.value = l.value.filter((P) => P.id !== w.id), a.removeFavorite && a.removeFavorite(w);
-  }, b = (w) => !!l.value.find((P) => P === w || P.id === w.id), S = (w) => {
-    b(w) ? d(w) : p(w);
-  };
-  return pt(m), {
-    menus: o,
-    favorites: l,
-    flatMenus: s,
-    active: r,
-    select: i,
-    toggleFavorite: S
-  };
-}
-function ta(a, t, e, o, l) {
-  const s = Le(), c = Ae(), r = {}, i = D([]), m = D(), { width: p } = wt(m), d = h(() => Math.floor(p.value / Jn)), b = h(
-    () => i.value.slice(0, d.value).filter((C) => !C.dialog)
-  ), S = h(() => i.value.slice(d.value)), w = (C) => e.value.find((B) => B.url === C), P = (C) => s.fullPath === C.url, x = (C) => l.value.id === C ? l.value : i.value.find((B) => B.id === C), T = D(""), v = h(() => x(T.value)), I = (C) => {
-    c.push(C.url).catch((B) => B);
-  }, A = (C) => {
-    T.value = C.id, s.fullPath !== C.url && I(C);
-  }, U = () => {
-    I(l.value);
-  }, z = (C) => {
-    const B = i.value.find((V) => V.url === C.url || V.id === C.id);
-    B ? A(B) : (i.value.unshift(C), A(C));
-  }, H = async (C) => {
-    const { url: B = s.fullPath, icon: V, title: ze = "新建标签页" } = C || {}, Ce = r[B], Ve = xt(), De = St(B);
-    return {
-      id: Ve,
-      name: De,
-      url: B,
-      icon: V,
-      title: ze,
-      closable: !0,
-      menu: C,
-      ...Ce ? await Ce() : {}
-    };
-  }, X = async (C) => {
-    if (await Re.confirm("是否关闭页签", "提示", {
-      type: "warning"
-    }).catch((V) => !1)) {
-      if (i.value = i.value.filter((V) => V.id !== C.id), T.value === C.id) {
-        const V = i.value[0];
-        I(V || l.value);
-      }
-      return C;
-    }
-  }, le = (C) => {
-    const B = i.value.findIndex((V) => V.id === C.id);
-    if (B >= 0) {
-      const V = i.value[B];
-      i.value.splice(B, 1, Object.assign(V, C));
-    }
-  }, _e = async () => {
-    if (!await Re.confirm("是否关闭全部页签", "提示", {
-      type: "warning"
-    }).catch((V) => !1))
-      return;
-    const B = i.value;
-    return i.value = [], A(l.value), B;
-  }, K = async () => {
-    if (!await Re.confirm("是否关闭其他页签", "提示", {
-      type: "warning"
-    }).catch((V) => !1))
-      return;
-    const B = i.value.filter((V) => V.id !== T.value);
-    return i.value = i.value.filter((V) => V.id === T.value), B;
-  }, G = (C) => {
-    const B = i.value.filter((V) => V.id !== C.id);
-    i.value = [C, ...B], A(C);
-  }, ie = async () => {
-    await me();
-    const C = l.value.url === s.fullPath, B = w(s.fullPath);
-    if (C)
-      T.value = l.value.id;
-    else {
-      const V = await H(B);
-      z(V);
-    }
-    await me(), o.value = B || null;
-  };
-  return L(e, ie), L(s, ie, { immediate: !0 }), Se(Bt, r), {
-    tabRef: m,
-    tabs: i,
-    showTabs: b,
-    currentTab: v,
-    changeTab: I,
-    removeTab: X,
-    updateTab: le,
-    addTab: z,
-    home: l,
-    tabValue: T,
-    isCurrentTab: P,
-    activeHome: U,
-    activeTab: A,
-    dropdownTabs: S,
-    removeAllTabs: _e,
-    removeOtherTabs: K,
-    moveToShow: G
-  };
-}
-function oa(a) {
-  const t = /* @__PURE__ */ new Map(), e = D([]), o = He({}), l = {}, { updateTab: s, isCurrentTab: c, activeHome: r, tabs: i } = a, m = (v, I) => {
-    const A = I.fullPath;
-    if (t.has(A))
-      return t.get(A);
-    {
-      const U = St(A), z = {
-        name: U,
-        setup() {
-          const H = h(() => o[A] || document.body), X = h(() => !o[A]), le = h(() => !e.value.includes(U));
-          return Se(
-            Ao,
-            pe({ ...I })
-          ), () => le.value ? te(
-            mt,
-            {
-              to: H.value,
-              disabled: X.value
-            },
-            [te(v)]
-          ) : null;
-        }
-      };
-      return t.set(A, z), z;
-    }
-  }, p = (v) => {
-    v.dialog = void 0, delete o[v.url];
-    const I = l[v.id];
-    I && (I.destroy(), delete l[v.id], s(v));
-  }, d = (v = []) => {
-    v.forEach((I) => {
-      p(I);
-    });
-  }, b = async (v) => {
-    v.dialog = {
-      ...v.dialog,
-      onMinimized: () => {
-        p(v);
-      },
-      onClose: async () => {
-        p(v), i.value = i.value.filter((A) => A.id !== v.id);
-      }
-    }, s(v);
-    const I = Ge({
-      title: v.title,
-      icon: v.icon,
-      modal: !1,
-      resizable: !0,
-      draggable: !0,
-      ...v.dialog,
-      onOpen(A) {
-        o[v.url] = A.refs.panelRef?.bodyRef?.$el;
-      }
-    });
-    return await me(), c(v) && r(), l[v.id] = I, I;
-  }, S = async (v) => {
-    e.value = [v.name], await me(), e.value = [];
-  }, w = async (v) => {
-    e.value = v.map((I) => I.name), await me(), e.value = [];
-  }, P = (v) => (v.preventDefault(), !1), x = (v) => {
-    if (v.dataTransfer) {
-      const I = v.dataTransfer.getData("tab"), A = i.value.find((U) => U.id === I);
-      if (A) {
-        const { clientX: U, clientY: z } = v;
-        A.dialog = {
-          left: U,
-          top: z
-        }, b(A);
-      }
-    }
-  }, T = (v) => !!o[v];
-  return Ie(document, "dragover", P), Ie(document, "drop", x), {
-    createView: m,
-    openDialog: b,
-    refresh: S,
-    exclude: e,
-    cleanCache: w,
-    hasDialog: T,
-    closeDialog: p,
-    closeDialogs: d
-  };
-}
-const na = /* @__PURE__ */ M({
-  name: "XMask",
-  __name: "Mask",
-  props: Gn,
-  emits: ["select", "actionClick", "actionCommand"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = qn(e), { collapsed: s, keyword: c, favorite: r } = Yn(), { menus: i, favorites: m, flatMenus: p, active: d, select: b, toggleFavorite: S } = ea(e, o), {
-      tabRef: w,
-      showTabs: P,
-      currentTab: x,
-      changeTab: T,
-      removeTab: v,
-      tabs: I,
-      updateTab: A,
-      isCurrentTab: U,
-      activeHome: z,
-      removeAllTabs: H,
-      removeOtherTabs: X,
-      dropdownTabs: le,
-      moveToShow: _e
-    } = ta(e, o, p, d, l), { createView: K, openDialog: G, refresh: ie, exclude: C, cleanCache: B, closeDialogs: V } = oa({
-      tabs: I,
-      updateTab: A,
-      isCurrentTab: U,
-      activeHome: z
-    }), ze = async (O) => {
-      await v(O) && await B([O]);
-    }, Ce = async () => {
-      const O = await H();
-      O && (V(O), await B(O));
-    }, Ve = async () => {
-      const O = await X();
-      O && (V(O), await B(O));
-    }, De = (O) => {
-      o("actionClick", O);
-    }, Ot = (O, q) => {
-      o("actionCommand", O, q);
-    };
-    return Se(It, {
-      tabs: I,
-      flatMenus: p,
-      favorites: m,
-      updateTab: A,
-      active: d,
-      currentTab: x
-    }), (O, q) => (u(), g(n($), { class: "x-mask" }, {
-      default: f(() => [
-        e.disabled ? (u(), g(rt, {
-          key: 1,
-          createView: n(K),
-          exclude: n(C)
-        }, {
-          default: f(() => [
-            O.$slots.default ? _(O.$slots, "default", { key: 0 }) : y("", !0)
-          ]),
-          _: 3
-        }, 8, ["createView", "exclude"])) : (u(), E(Z, { key: 0 }, [
-          k(Vn, { collapsed: n(s) }, {
-            brand: f(() => [
-              k(On, {
-                logo: e.logo,
-                title: e.title,
-                url: n(l).url,
-                collapsed: n(s)
-              }, null, 8, ["logo", "title", "url", "collapsed"])
-            ]),
-            default: f(() => [
-              k(Dn, {
-                collasped: n(s),
-                "onUpdate:collasped": q[0] || (q[0] = (ke) => $e(s) ? s.value = ke : null),
-                favorite: n(r),
-                "onUpdate:favorite": q[1] || (q[1] = (ke) => $e(r) ? r.value = ke : null),
-                keyword: n(c),
-                "onUpdate:keyword": q[2] || (q[2] = (ke) => $e(c) ? c.value = ke : null)
-              }, null, 8, ["collasped", "favorite", "keyword"]),
-              k(jn, {
-                collapse: n(s),
-                keyword: n(c),
-                favorite: n(r),
-                favorites: n(m),
-                flatMenus: n(p),
-                menus: n(i),
-                active: n(d),
-                onSelect: n(b)
-              }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
-            ]),
-            _: 1
-          }, 8, ["collapsed"]),
-          k(n($), {
-            class: "x-mask__main",
-            grow: "",
-            shrink: "",
-            flex: "",
-            direction: "column"
-          }, {
-            default: f(() => [
-              k(n($), {
-                class: "x-mask-topbar",
-                justify: "space-between",
-                align: "center"
-              }, {
-                default: f(() => [
-                  k(Wn, {
-                    ref_key: "tabRef",
-                    ref: w,
-                    favorites: n(m),
-                    tabs: n(P),
-                    home: n(l),
-                    value: n(x)?.id,
-                    onClick: n(T),
-                    onToggleFavorite: n(S),
-                    onRemove: ze,
-                    onDialog: n(G),
-                    onRefresh: n(ie)
-                  }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  k(Qn, {
-                    tabs: n(le),
-                    actions: e.actions,
-                    theme: e.theme,
-                    onCloseOtherTabs: Ve,
-                    onCloseAllTabs: Ce,
-                    onCloseTab: ze,
-                    onClickTab: n(_e),
-                    onActionClick: De,
-                    onActionCommand: Ot
-                  }, {
-                    default: f(() => [
-                      k(Zn, {
-                        avatar: e.avatar
-                      }, ye({ _: 2 }, [
-                        O.$slots.user ? {
-                          name: "default",
-                          fn: f(() => [
-                            _(O.$slots, "user")
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1032, ["avatar"])
-                    ]),
-                    _: 3
-                  }, 8, ["tabs", "actions", "theme", "onClickTab"])
-                ]),
-                _: 3
-              }),
-              k(rt, {
-                createView: n(K),
-                exclude: n(C)
-              }, {
-                default: f(() => [
-                  O.$slots.default ? _(O.$slots, "default", { key: 0 }) : y("", !0)
-                ]),
-                _: 3
-              }, 8, ["createView", "exclude"])
-            ]),
-            _: 3
-          })
-        ], 64))
-      ]),
-      _: 3
-    }));
-  }
-});
-function Ra(a = {}) {
-  const t = Le(), e = we(Bt, null), o = we(It, null);
-  if (e) {
-    const s = typeof a == "function" ? a : async () => a;
-    e[t.fullPath] = s;
-  }
-  return {
-    tab: h(() => o ? o.tabs.value.find((s) => s.url === t.fullPath) : null),
-    mask: o
-  };
-}
-const aa = /* @__PURE__ */ M({
-  __name: "SelectEditor",
-  props: {
-    options: { default: () => [] }
-  },
-  setup(a) {
-    const t = a;
-    return (e, o) => (u(), g(n(no), ce(ge(e.$attrs)), {
-      default: f(() => [
-        (u(!0), E(Z, null, se(t.options, (l, s) => (u(), g(n(ao), j({
-          key: `item_${s}_${l.value}`
-        }, l), ye({ _: 2 }, [
-          e.$slots.option ? {
-            name: "default",
-            fn: f(() => [
-              _(e.$slots, "option", { option: l })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040))), 128))
-      ]),
-      _: 3
-    }, 16));
-  }
-}), sa = /* @__PURE__ */ M({
-  __name: "CheckboxEditor",
-  props: {
-    options: { default: () => [] },
-    button: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const t = a, e = h(
-      () => be(t.button ? so : lo)
-    );
-    return (o, l) => (u(), g(n(io), ce(ge(o.$attrs)), {
-      default: f(() => [
-        (u(!0), E(Z, null, se(t.options, (s, c) => (u(), g(W(e.value), {
-          key: `item_${c}_${s.value}`,
-          label: s.value
-        }, {
-          default: f(() => [
-            N(F(s.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["label"]))), 128))
-      ]),
-      _: 1
-    }, 16));
-  }
-}), la = /* @__PURE__ */ M({
-  __name: "RadioEditor",
-  props: {
-    options: { default: () => [] },
-    button: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const t = a, e = h(
-      () => be(t.button ? ro : co)
-    );
-    return (o, l) => (u(), g(n(uo), ce(ge(o.$attrs)), {
-      default: f(() => [
-        (u(!0), E(Z, null, se(t.options, (s, c) => (u(), g(W(e.value), {
-          key: `item_${c}_${s.value}`,
-          label: s.value
-        }, {
-          default: f(() => [
-            N(F(s.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["label"]))), 128))
-      ]),
-      _: 1
-    }, 16));
-  }
-}), Pt = {
-  none: {
-    component: "div",
-    props: {
-      class: "x-field-none"
-    }
-  },
-  text: {
-    component: je,
-    props: {
-      clearable: !0
-    },
-    defaultValue: ""
-  },
-  textarea: {
-    component: je,
-    props: {
-      type: "textarea",
-      rows: 2
-    },
-    defaultValue: ""
-  },
-  select: {
-    component: aa,
-    props: {
-      clearable: !0
-    }
-  },
-  checkbox: {
-    component: sa,
-    props: {},
-    defaultValue: []
-  },
-  radio: {
-    component: la,
-    props: {}
-  },
-  number: {
-    component: po,
-    props: {}
-  },
-  date: {
-    component: tt,
-    props: {}
-  },
-  time: {
-    component: mo,
-    props: {}
-  },
-  datetime: {
-    component: tt,
-    props: {
-      type: "datetime"
-    }
-  },
-  switch: {
-    component: We,
-    props: {}
-  },
-  rate: {
-    component: fo,
-    props: {}
-  },
-  slider: {
-    component: go,
-    props: {}
-  },
-  cascader: {
-    component: yo,
-    props: {}
-  }
-}, ia = {
-  /**
-   * 字段名称
-   */
-  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 Pt[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]
-  }
-};
-async function ra(a, t) {
-  const e = a.options;
-  return e ? typeof e == "function" ? await e(t) || [] : e : [];
-}
-function ca(a, t, e, o, l) {
-  const s = D([]), c = h(() => !o || !l ? {} : Ho(a.cascader).reduce((m, p) => (m[p] = l[p], m), {}));
-  return L(
-    c,
-    async (i) => {
-      if (e.value) {
-        s.value = await ra(a, i);
-        const m = o?.exposed?.reset;
-        m && a.name && m(a.name);
-      }
-    },
-    {
-      immediate: !0
-    }
-  ), {
-    editor: h(() => {
-      const {
-        editor: i = "text",
-        placeholder: m,
-        label: p = "...",
-        disabled: d,
-        readonly: b
-      } = a, S = {
-        ...a.props,
-        placeholder: m || (m === null ? void 0 : `请输入${p}`),
-        disabled: d,
-        readonly: b,
-        options: s.value,
-        onFocus: () => t("focus"),
-        onBlur: () => t("blur"),
-        onChange: (P) => t("change", P)
-      }, w = typeof i == "string" ? Pt[i] : {
-        component: i,
-        props: {}
-      };
-      return Wo({}, w, {
-        props: S
-      });
-    })
-  };
-}
-const ua = { class: "x-field__editor_wrap" }, Vt = /* @__PURE__ */ M({
-  name: "XField",
-  __name: "Field",
-  props: ia,
-  emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(a, { expose: t, emit: e }) {
-    const o = a, l = e, s = we(Dt, null), c = we(ho, null), r = we(Rt, null), i = h(() => !s?.proxy || !r ? o.visible : typeof o.visible == "function" ? o.visible(r) : Qe(o.visible) ? Object.entries(o.visible).every(([H, X]) => r[H] === X) : o.visible), m = () => s?.proxy && r && o.name ? r[o.name] ?? o.modelValue : o.modelValue, p = D(m()), { editor: d } = ca(
-      o,
-      l,
-      i,
-      s,
-      r
-    ), b = D(), S = D(), w = h(
-      () => o.size || c?.size || "default"
-    ), P = h(() => Object.assign(
-      {},
-      typeof o.tooltipMessage == "boolean" ? {} : o.tooltipMessage
-    )), x = h(() => ({
-      [`is-tooltip-${o.tooltipPosition}`]: !!o.tooltipPosition
-    })), T = h(() => {
-      const z = s?.proxy;
-      return {
-        width: o.width ? oe(o.width) : z && z.inline && z.inlineColumns ? `${100 / z.inlineColumns}%` : null
-      };
-    }), v = h(() => ({
-      right: typeof o.tooltipPosition == "number" ? `${o.tooltipPosition}px` : void 0
-    })), I = h(() => ({
-      ...d.value.props,
-      modelValue: p.value,
-      "onUpdate:modelValue": (z) => {
-        p.value = z;
-      }
-    }));
-    return L(p, (z, H) => {
-      i.value && !Ke(z, H) && (l("update:modelValue", z), s?.proxy && r && o.name && ot(r, o.name, z));
-    }), L(
-      () => !s?.proxy || !o.name || !r ? o.modelValue : r[o.name] ?? o.modelValue,
-      (z) => {
-        i.value && (p.value = z);
-      },
-      {
-        immediate: !0
-      }
-    ), L(
-      i,
-      (z) => {
-        s?.proxy && r && o.name && (z ? (p.value = m(), ot(r, o.name, p.value)) : (p.value = void 0, delete r[o.name]));
-      },
-      {
-        immediate: !0
-      }
-    ), t({
-      fieldValue: p,
-      itemRef: b,
-      editorRef: S,
-      focus: () => {
-        S.value?.focus && S.value.focus();
-      },
-      blur: () => {
-        S.value?.foucs && S.value.blur();
-      }
-    }), (z, H) => i.value ? (u(), g(n(vo), j({
-      key: 0,
-      class: ["x-field", x.value],
-      ref_key: "itemRef",
-      ref: b,
-      prop: o.name,
-      label: z.label,
-      size: w.value,
-      style: T.value
-    }, z.$attrs), ye({
-      error: f(({ error: X }) => [
-        _(z.$slots, "error", { error: X }, () => [
-          o.tooltipMessage ? (u(), E("div", {
-            key: 0,
-            class: "x-field__info",
-            style: ue(v.value)
-          }, [
-            k(n(ft), j({ content: X }, P.value), {
-              default: f(() => [
-                k(n(ae), {
-                  class: "x-field__trigger",
-                  icon: n(Io),
-                  size: w.value
-                }, null, 8, ["icon", "size"])
-              ]),
-              _: 2
-            }, 1040, ["content"])
-          ], 4)) : y("", !0)
-        ])
-      ]),
-      default: f(() => [
-        R("div", ua, [
-          _(z.$slots, "editor", { editor: I.value }, () => [
-            n(d).component ? (u(), g(W(n(d).component), j({
-              key: 0,
-              class: "x-field__editor",
-              ref_key: "editorRef",
-              ref: S,
-              modelValue: p.value,
-              "onUpdate:modelValue": H[0] || (H[0] = (X) => p.value = X)
-            }, n(d).props), ye({ _: 2 }, [
-              z.$slots.option ? {
-                name: "option",
-                fn: f(({ option: X }) => [
-                  _(z.$slots, "option", { option: X })
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["modelValue"])) : y("", !0)
-          ])
-        ]),
-        _(z.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      z.$slots.label ? {
-        name: "label",
-        fn: f(() => [
-          _(z.$slots, "label")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : y("", !0);
-  }
-}), da = {
-  /**
-   * 表单模型
-   */
-  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
-  }
-}, Dt = Symbol("formInstanceKey"), Rt = Symbol("formModelKey"), Ft = /* @__PURE__ */ M({
-  name: "XForm",
-  __name: "Form",
-  props: da,
-  emits: ["change", "submit", "reset"],
-  setup(a, { expose: t, emit: e }) {
-    const o = a, l = e, s = ve(), c = D(), r = He(o.model || {}), i = D(!1);
-    Se(Dt, s), Se(Rt, r), L(r, () => {
-      l("change", pe(r));
-    }), L(
-      () => o.model,
-      (d) => {
-        Object.assign(r, d);
-      },
-      { deep: !0 }
-    );
-    const m = async () => {
-      await c.value.validate().catch((b) => b) && o.model && (l("submit", pe(r)), o.submitMethod && (i.value = !0, await o.submitMethod(pe(r)), i.value = !1));
-    }, p = (d) => {
-      c.value.resetFields(d), l("reset");
-    };
-    return t({
-      formRef: c,
-      model: r,
-      submit: m,
-      reset: p
-    }), (d, b) => (u(), g(n(bo), j({
-      ref_key: "formRef",
-      ref: c,
-      class: "x-form",
-      inline: o.inline,
-      model: r
-    }, d.$attrs), {
-      default: f(() => [
-        _(d.$slots, "default"),
-        o.footer ? (u(), g(n(Vt), {
-          key: 0,
-          editor: "none",
-          class: "x-form__footer",
-          label: " "
-        }, {
-          editor: f(() => [
-            _(d.$slots, "footer", {}, () => [
-              o.submitText ? (u(), g(n(de), {
-                key: 0,
-                loading: i.value,
-                type: "primary",
-                onClick: m
-              }, {
-                default: f(() => [
-                  N(F(o.submitText), 1)
-                ]),
-                _: 1
-              }, 8, ["loading"])) : y("", !0),
-              o.resetText ? (u(), g(n(de), {
-                key: 1,
-                type: "default",
-                onClick: b[0] || (b[0] = () => p())
-              }, {
-                default: f(() => [
-                  N(F(o.resetText), 1)
-                ]),
-                _: 1
-              })) : y("", !0),
-              _(d.$slots, "action")
-            ])
-          ]),
-          _: 3
-        })) : y("", !0)
-      ]),
-      _: 3
-    }, 16, ["inline", "model"]));
-  }
-}), pa = {
-  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
-  }
-}, ma = /* @__PURE__ */ M({
-  name: "XDialogForm",
-  __name: "DialogForm",
-  props: pa,
-  emits: ["update:modelValue", "submit", "close"],
-  setup(a, { expose: t, emit: e }) {
-    const o = a, l = e, s = D(), c = D(), r = h(() => c.value?.$vtjEl), i = () => {
-      s.value?.submit();
-    }, m = () => {
-      l("update:modelValue", !1), l("close");
-    }, p = async (d) => {
-      l("submit", d), o.submitMethod ? await o.submitMethod(d) && m() : m();
-    };
-    return t({
-      $vtjEl: r,
-      formRef: s,
-      dialogRef: c
-    }), (d, b) => (u(), g(n(Je), j({
-      ref_key: "dialogRef",
-      ref: c,
-      "model-value": o.modelValue,
-      submit: o.submit,
-      cancel: o.cancel,
-      size: o.size,
-      onSubmit: i,
-      onClose: m,
-      minimizable: !1,
-      maximizable: !1
-    }, d.$attrs), ye({
-      default: f(() => [
-        k(n(Ft), j({
-          ref_key: "formRef",
-          ref: s,
-          footer: !1,
-          "label-width": "80px",
-          size: o.size,
-          model: o.model,
-          rules: o.rules,
-          "submit-method": p
-        }, o.formProps), {
-          default: f(() => [
-            _(d.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["size", "model", "rules"])
-      ]),
-      _: 2
-    }, [
-      d.$slots.extra ? {
-        name: "extra",
-        fn: f(() => [
-          _(d.$slots, "extra")
-        ]),
-        key: "0"
-      } : void 0,
-      d.$slots.handle ? {
-        name: "handle",
-        fn: f(() => [
-          _(d.$slots, "handle")
-        ]),
-        key: "1"
-      } : void 0,
-      d.$slots.footer ? {
-        name: "footer",
-        fn: f(() => [
-          _(d.$slots, "footer")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1040, ["model-value", "submit", "cancel", "size"]));
-  }
-}), fa = {
-  items: {
-    type: Array,
-    default() {
-      return [];
-    }
-  },
-  border: {
-    type: Boolean
-  }
-}, ga = /* @__PURE__ */ M({
-  name: "XTabs",
-  __name: "Tabs",
-  props: fa,
-  setup(a) {
-    const t = a, e = (l) => {
-      const { label: s, name: c, value: r, disabled: i, closable: m, lazy: p } = l;
-      return {
-        label: s,
-        name: r ?? c,
-        disabled: i,
-        closable: m,
-        lazy: p
-      };
-    }, o = h(() => ({
-      "is-no-border": !t.border
-    }));
-    return (l, s) => (u(), g(n(gt), j({
-      class: ["x-tabs", o.value]
-    }, l.$attrs), {
-      default: f(() => [
-        (u(!0), E(Z, null, se(t.items, (c) => (u(), g(n(Ne), j({
-          key: c.value ?? c.name
-        }, e(c)), {
-          label: f(() => [
-            _(l.$slots, "label", ce(ge(c)), () => [
-              c.icon ? (u(), g(W(n(he)(c.icon)), {
-                key: 0,
-                class: "x-tabs__icon"
-              })) : y("", !0),
-              N(" " + F(c.label), 1)
-            ])
-          ]),
-          default: f(() => [
-            _(l.$slots, "default", ce(ge(c)), () => [
-              c.component ? (u(), g(W(c.component), ce(j({ key: 0 }, c.props)), null, 16)) : y("", !0)
-            ])
-          ]),
-          _: 2
-        }, 1040))), 128))
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), ya = {
-  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
-  }
-}, ha = { class: "x-data-item__title" }, va = {
-  key: 1,
-  class: "x-data-item__section x-data-item__desc"
-}, ba = {
-  key: 2,
-  class: "x-data-item__section x-data-item__extra"
-}, _a = {
-  key: 3,
-  class: "x-data-item__section x-data-item__actions"
-}, ka = /* @__PURE__ */ M({
-  name: "XDataItem",
-  __name: "DataItem",
-  props: ya,
-  emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, l = h(() => {
-      const { imageWidth: d, imageHeight: b } = e;
-      return {
-        width: d ? oe(d) : void 0,
-        height: b ? oe(b) : void 0
-      };
-    }), s = h(() => ({
-      [`is-image-${e.direction}`]: !!e.direction,
-      "is-split": !!e.split
-    })), c = h(() => ({
-      size: "small",
-      mode: "text",
-      justify: "flex-end",
-      type: "info",
-      items: e.actions,
-      ...e.actionBarProps
-    })), r = () => o("imageClick"), i = () => o("titleClick"), m = (d) => o("actionClick", d), p = (d, b) => o("actionCommand", d, b);
-    return (d, b) => (u(), g(n($), {
-      class: Q(["x-data-item", s.value]),
-      direction: e.direction
-    }, {
-      default: f(() => [
-        e.imageSrc || d.$slots.image ? (u(), g(n($), {
-          key: 0,
-          class: "x-data-item__img",
-          autoPointer: !0,
-          onClick: e.onImageClick ? r : void 0
-        }, {
-          default: f(() => [
-            _(d.$slots, "image", {}, () => [
-              e.imageSrc ? (u(), g(n(_o), {
-                key: 0,
-                style: ue(l.value),
-                src: e.imageSrc
-              }, null, 8, ["style", "src"])) : y("", !0)
-            ])
-          ]),
-          _: 3
-        }, 8, ["onClick"])) : y("", !0),
-        k(n($), {
-          class: "x-data-item__content",
-          direction: "column",
-          grow: "",
-          shrink: ""
-        }, {
-          default: f(() => [
-            e.title || d.$slots.title ? (u(), g(n($), {
-              key: 0,
-              class: "x-data-item__section x-data-item__wrapper",
-              align: "center",
-              autoPointer: !0,
-              onClick: e.onTitleClick ? i : void 0
-            }, {
-              default: f(() => [
-                e.icon ? (u(), g(W(n(he)(e.icon)), {
-                  key: 0,
-                  class: "x-data-item__icon"
-                })) : y("", !0),
-                R("span", ha, [
-                  _(d.$slots, "title", {}, () => [
-                    N(F(e.title), 1)
-                  ])
-                ])
-              ]),
-              _: 3
-            }, 8, ["onClick"])) : y("", !0),
-            e.description || d.$slots.description ? (u(), E("div", va, [
-              _(d.$slots, "description", {}, () => [
-                N(F(e.description), 1)
-              ])
-            ])) : y("", !0),
-            d.$slots.default ? (u(), E("div", ba, [
-              _(d.$slots, "default")
-            ])) : y("", !0),
-            e.actions || e.actionBarProps || d.$slots.actions ? (u(), E("div", _a, [
-              _(d.$slots, "actions", {}, () => [
-                k(n(Pe), j(c.value, {
-                  onClick: m,
-                  onCommand: p
-                }), null, 16)
-              ])
-            ])) : y("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["direction", "class"]));
-  }
-}), wa = {
-  option: {
-    type: Object
-  },
-  width: {
-    type: [Number, String],
-    default: "100%"
-  },
-  height: {
-    type: [Number, String],
-    default: "400px"
-  }
-};
-function xa(a, t) {
-  const e = D();
-  return ut(() => {
-    const o = n(a);
-    o && (e.value || (e.value = be(nt.init(o))), e.value.setOption(t.option || {}));
-  }), dt(() => {
-    e.value && e.value.dispose();
-  }), L(
-    () => t.option,
-    (o) => {
-      e.value && e.value.setOption(o || {});
-    },
-    { deep: !0 }
-  ), No(
-    a,
-    Lo(() => {
-      e.value && e.value.resize();
-    }, 150)
-  ), {
-    echartsInstance: e,
-    echarts: nt
-  };
-}
-const Sa = /* @__PURE__ */ M({
-  name: "XChart",
-  __name: "Chart",
-  props: wa,
-  setup(a, { expose: t }) {
-    const e = a, o = D(), { echartsInstance: l, echarts: s } = xa(o, e), c = h(() => ({
-      width: oe(e.width),
-      height: oe(e.height)
-    }));
-    return t({
-      chartRef: o,
-      echartsInstance: l,
-      echarts: s
-    }), (r, i) => (u(), E("div", {
-      ref_key: "chartRef",
-      ref: o,
-      style: ue(c.value)
-    }, null, 4));
-  }
-}), za = [
-  en,
-  ae,
-  ne,
-  pn,
-  Y,
-  Pe,
-  $,
-  Et,
-  Mt,
-  Je,
-  na,
-  Vt,
-  Ft,
-  ma,
-  ga,
-  ka,
-  Sa
-], Fa = "0.6.25", Ca = Ko(za), Oa = Ca.install;
-export {
-  lt as Draggable,
-  at as INSTALLED_KEY,
-  It as MASK_KEY,
-  Da as NOOP,
-  it as Resizable,
-  Bt as TAB_CREATORS_KEY,
-  Jn as TAB_ITEM_WIDTH,
-  Y as XAction,
-  Pe as XActionBar,
-  Sa as XChart,
-  $ as XContainer,
-  ka as XDataItem,
-  Je as XDialog,
-  ma as XDialogForm,
-  Vt as XField,
-  Ft as XForm,
-  Et as XHeader,
-  ae as XIcon,
-  na as XMask,
-  ne as XMenu,
-  Mt as XPanel,
-  pn as XSimpleMask,
-  en as XStartup,
-  ga as XTabs,
-  bn as actionBarProps,
-  Tt as actionProps,
-  Pt as builtinFieldEditors,
-  wa as chartProps,
-  za as components,
-  _n as containerProps,
-  Ge as createDialog,
-  ya as dataItemProps,
-  Oa as default,
-  Ra as defineTab,
-  pa as dialogFormProps,
-  Cn as dialogProps,
-  ia as fieldProps,
-  Dt as formInstanceKey,
-  Rt as formModelKey,
-  da as formProps,
-  oe as getSizeValue,
-  kn as headerProps,
-  on as iconProps,
-  tn as iconSizeMap,
-  Oa as install,
-  Ko as makeInstaller,
-  Gn as maskProps,
-  Pa as omit,
-  Sn as panelProps,
-  Te as parseSize,
-  Va as pick,
-  fa as tabsProps,
-  Ze as useDisabled,
-  he as useIcon,
-  yn as useIconProps,
-  zn as vDraggable,
-  $t as vResizable,
-  Fa as version
-};