@vtj/ui 0.0.6 → 0.4.0

package/lib/index.js

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