@xto/data 0.1.0

package/es/index.mjs

@@ -0,0 +1,1317 @@
+import { defineComponent as H, computed as I, openBlock as c, createElementBlock as y, normalizeStyle as R, normalizeClass as u, renderSlot as P, unref as d, createCommentVNode as $, createTextVNode as _, toDisplayString as B, createElementVNode as C, ref as G, watch as W, Fragment as Z, renderList as q, useSlots as re, withModifiers as te, reactive as ce, provide as ae, toRef as ue, inject as se, resolveComponent as he, withDirectives as fe, createBlock as le, withCtx as oe, vShow as ye, nextTick as ge, onMounted as ie, onUnmounted as de } from "vue";
+import { useNamespace as Y } from "@xto/core";
+const We = /* @__PURE__ */ H({
+  name: "XTag",
+  __name: "index",
+  props: {
+    type: { default: "" },
+    size: { default: "default" },
+    effect: { default: "light" },
+    closable: { type: Boolean, default: !1 },
+    hit: { type: Boolean, default: !1 },
+    color: {}
+  },
+  emits: ["close"],
+  setup(t, { emit: a }) {
+    const e = t, s = a, r = Y("tag"), o = I(() => [
+      r.b(),
+      r.m(e.type || "primary"),
+      e.size !== "default" ? r.m(e.size) : "",
+      r.m(e.effect),
+      r.is("hit", e.hit)
+    ]), i = I(() => e.color ? {
+      backgroundColor: e.effect === "dark" ? e.color : "",
+      borderColor: e.color,
+      color: e.effect === "dark" ? "#fff" : e.color
+    } : {}), k = (b) => {
+      s("close", b);
+    };
+    return (b, z) => (c(), y("span", {
+      class: u(o.value),
+      style: R(i.value)
+    }, [
+      P(b.$slots, "default"),
+      t.closable ? (c(), y("i", {
+        key: 0,
+        class: u(d(r).e("close")),
+        onClick: k
+      }, "✕", 2)) : $("", !0)
+    ], 6));
+  }
+}), Ze = /* @__PURE__ */ H({
+  name: "XCard",
+  __name: "index",
+  props: {
+    header: {},
+    bodyStyle: { default: () => ({ padding: "20px" }) },
+    shadow: { default: "always" }
+  },
+  setup(t) {
+    const a = t, e = Y("card"), s = I(() => [
+      e.b(),
+      e.is(`shadow-${a.shadow}`)
+    ]);
+    return (r, o) => (c(), y("div", {
+      class: u(s.value)
+    }, [
+      t.header || r.$slots.header ? (c(), y("div", {
+        key: 0,
+        class: u(d(e).e("header"))
+      }, [
+        P(r.$slots, "header", {}, () => [
+          _(B(t.header), 1)
+        ])
+      ], 2)) : $("", !0),
+      C("div", {
+        class: u(d(e).e("body")),
+        style: R(t.bodyStyle)
+      }, [
+        P(r.$slots, "default")
+      ], 6)
+    ], 2));
+  }
+}), ve = ["viewBox"], pe = ["cx", "cy", "r", "stroke-width"], ke = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke"], Ue = /* @__PURE__ */ H({
+  name: "XProgress",
+  __name: "index",
+  props: {
+    percentage: { default: 0 },
+    type: { default: "line" },
+    status: { default: "" },
+    strokeWidth: { default: 6 },
+    color: { type: [String, Array, Function], default: "#409eff" },
+    width: { default: 126 },
+    showText: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const a = t, e = Y("progress"), s = I(() => Math.min(100, Math.max(0, a.percentage))), r = I(() => ({
+      width: `${s.value}%`,
+      backgroundColor: typeof a.color == "function" ? a.color(s.value) : a.color
+    })), o = I(() => [
+      e.b(),
+      e.m(a.type),
+      e.is("show-text", a.showText),
+      e.is(`status-${a.status || ""}`, a.status)
+    ]);
+    return I(() => a.status === "success" ? "100%" : a.status === "warning" ? "Warning" : a.status === "exception" ? "Exception" : `${s.value}%`), (i, k) => (c(), y("div", {
+      class: u(o.value)
+    }, [
+      t.type === "line" ? (c(), y("div", {
+        key: 0,
+        class: u(d(e).e("line"))
+      }, [
+        C("div", {
+          class: u(d(e).e("outer"))
+        }, [
+          C("div", {
+            class: u(d(e).e("inner"))
+          }, [
+            C("div", {
+              class: u(d(e).e("bar")),
+              style: R(r.value)
+            }, null, 6)
+          ], 2)
+        ], 2),
+        t.showText ? (c(), y("div", {
+          key: 0,
+          class: u(d(e).e("text"))
+        }, B(s.value) + "% ", 3)) : $("", !0)
+      ], 2)) : (c(), y("div", {
+        key: 1,
+        class: u(d(e).e("circle"))
+      }, [
+        (c(), y("svg", {
+          viewBox: `0 0 ${t.width} ${t.width}`,
+          style: R({ width: `${t.width}px`, height: `${t.width}px` })
+        }, [
+          C("circle", {
+            cx: t.width / 2,
+            cy: t.width / 2,
+            r: (t.width - t.strokeWidth) / 2,
+            fill: "none",
+            "stroke-width": t.strokeWidth,
+            stroke: "#ebeef5"
+          }, null, 8, pe),
+          C("circle", {
+            cx: t.width / 2,
+            cy: t.width / 2,
+            r: (t.width - t.strokeWidth) / 2,
+            fill: "none",
+            "stroke-width": t.strokeWidth,
+            "stroke-dasharray": `${s.value / 100 * Math.PI * (t.width - t.strokeWidth)} ${Math.PI * (t.width - t.strokeWidth)}`,
+            stroke: typeof t.color == "function" ? t.color(s.value) : t.color,
+            "stroke-linecap": "round",
+            style: { transform: "rotate(-90deg)", "transform-origin": "center" }
+          }, null, 8, ke)
+        ], 12, ve)),
+        t.showText ? (c(), y("div", {
+          key: 0,
+          class: u(d(e).e("circle-text"))
+        }, B(s.value) + "% ", 3)) : $("", !0)
+      ], 2))
+    ], 2));
+  }
+}), me = ["disabled"], xe = ["onClick"], Ce = ["disabled"], we = ["value"], Me = ["value"], Xe = /* @__PURE__ */ H({
+  name: "XPagination",
+  __name: "index",
+  props: {
+    total: { default: 0 },
+    pageSize: { default: 10 },
+    currentPage: { default: 1 },
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    layout: { default: "total, sizes, prev, pager, next, jumper" }
+  },
+  emits: ["update:currentPage", "update:pageSize", "current-change", "size-change"],
+  setup(t, { emit: a }) {
+    const e = t, s = a, r = Y("pagination"), o = G(e.currentPage), i = G(e.pageSize);
+    W(() => e.currentPage, (x) => {
+      o.value = x;
+    }), W(() => e.pageSize, (x) => {
+      i.value = x;
+    });
+    const k = I(() => o.value), b = I(() => i.value), z = I(() => Math.max(1, Math.ceil(e.total / b.value))), M = I(() => {
+      const x = [], K = z.value, S = k.value;
+      if (K <= 7)
+        for (let L = 1; L <= K; L++) x.push(L);
+      else if (S <= 4) {
+        for (let L = 1; L <= 5; L++) x.push(L);
+        x.push(-1), x.push(K);
+      } else if (S >= K - 3) {
+        x.push(1), x.push(-1);
+        for (let L = K - 4; L <= K; L++) x.push(L);
+      } else {
+        x.push(1), x.push(-1);
+        for (let L = S - 1; L <= S + 1; L++) x.push(L);
+        x.push(-1), x.push(K);
+      }
+      return x;
+    }), T = (x) => {
+      x < 1 || x > z.value || x === k.value || (o.value = x, s("update:currentPage", x), s("current-change", x));
+    }, O = (x) => {
+      i.value = x, s("update:pageSize", x), s("size-change", x), o.value = 1, s("update:currentPage", 1), s("current-change", 1);
+    };
+    return (x, K) => (c(), y("div", {
+      class: u(d(r).b())
+    }, [
+      C("span", {
+        class: u(d(r).e("total"))
+      }, "共 " + B(t.total) + " 条", 3),
+      C("button", {
+        class: u(d(r).e("btn")),
+        disabled: k.value <= 1,
+        onClick: K[0] || (K[0] = (S) => T(k.value - 1))
+      }, " ‹ ", 10, me),
+      (c(!0), y(Z, null, q(M.value, (S) => (c(), y(Z, { key: S }, [
+        S === -1 ? (c(), y("span", {
+          key: 0,
+          class: u(d(r).e("ellipsis"))
+        }, "...", 2)) : (c(), y("button", {
+          key: 1,
+          class: u([d(r).e("btn"), d(r).is("active", S === k.value)]),
+          onClick: (L) => T(S)
+        }, B(S), 11, xe))
+      ], 64))), 128)),
+      C("button", {
+        class: u(d(r).e("btn")),
+        disabled: k.value >= z.value,
+        onClick: K[1] || (K[1] = (S) => T(k.value + 1))
+      }, " › ", 10, Ce),
+      C("select", {
+        class: u(d(r).e("sizes")),
+        value: b.value,
+        onChange: K[2] || (K[2] = (S) => O(Number(S.target.value)))
+      }, [
+        (c(!0), y(Z, null, q(t.pageSizes, (S) => (c(), y("option", {
+          key: S,
+          value: S
+        }, B(S) + " 条/页", 9, Me))), 128))
+      ], 42, we)
+    ], 2));
+  }
+}), be = { key: 0 }, Ie = ["checked", "indeterminate"], Ke = ["onClick"], Ne = ["onClick"], Se = ["checked", "onChange"], De = ["onClick"], Le = ["onClick"], Ae = { key: 1 }, $e = ["colspan"], Ve = /* @__PURE__ */ H({
+  name: "XDynamicTable",
+  __name: "index",
+  props: {
+    data: { default: () => [] },
+    columns: { default: () => [] },
+    height: {},
+    maxHeight: {},
+    rowKey: {},
+    loading: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !1 },
+    stripe: { type: Boolean, default: !1 },
+    showHeader: { type: Boolean, default: !0 },
+    showIndex: { type: Boolean, default: !1 },
+    showOperation: { type: Boolean, default: !1 },
+    showAddButton: { type: Boolean, default: !1 },
+    operationWidth: { default: 120 },
+    operationLabel: { default: "操作" },
+    emptyText: { default: "暂无数据" },
+    defaultSort: {}
+  },
+  emits: ["sort-change", "row-click", "row-dblclick", "selection-change", "select-all", "cell-click", "add-row", "delete-row", "update:data"],
+  setup(t, { expose: a, emit: e }) {
+    var m, g;
+    const s = t, r = e, o = Y("dynamic-table");
+    re();
+    const i = I({
+      get: () => s.data,
+      set: (l) => r("update:data", l)
+    }), k = G({
+      prop: ((m = s.defaultSort) == null ? void 0 : m.prop) || "",
+      order: ((g = s.defaultSort) == null ? void 0 : g.order) || null
+    }), b = G([]), z = G(!1), M = G(!1), T = I(() => {
+      if (!k.value.prop || !k.value.order)
+        return i.value;
+      const { prop: l, order: f } = k.value;
+      return [...i.value].sort((p, w) => {
+        const E = p[l], ee = w[l];
+        if (E === ee) return 0;
+        const ne = E > ee ? 1 : -1;
+        return f === "ascending" ? ne : -ne;
+      });
+    }), O = I(() => {
+      const l = {};
+      return s.height && (l.height = typeof s.height == "number" ? `${s.height}px` : s.height), s.maxHeight && (l.maxHeight = typeof s.maxHeight == "number" ? `${s.maxHeight}px` : s.maxHeight), l;
+    }), x = I(() => {
+      const l = typeof s.operationWidth == "number" ? `${s.operationWidth}px` : s.operationWidth;
+      return { width: l, minWidth: l };
+    }), K = I(() => [
+      o.b(),
+      o.is("border", s.border),
+      o.is("stripe", s.stripe),
+      o.is("loading", s.loading)
+    ]), S = (l) => {
+      l.sortable && (k.value.prop === l.prop ? k.value.order === "ascending" ? k.value.order = "descending" : k.value.order === "descending" && (k.value.order = null, k.value.prop = "") : (k.value.prop = l.prop, k.value.order = "ascending"), r("sort-change", { ...k.value }));
+    }, L = (l) => l.sortable ? k.value.prop !== l.prop ? o.is("sortable") : [
+      o.is("sortable"),
+      o.is(`sort-${k.value.order}`)
+    ] : "", U = (l, f, p) => {
+      const w = l[f.prop];
+      return f.formatter ? f.formatter(l, f, w, p) : w ?? "";
+    }, X = (l, f, p) => {
+      r("row-click", l, f, p);
+    }, V = (l, f, p) => {
+      const w = p.target;
+      r("cell-click", l, f, w, p);
+    }, J = () => {
+      z.value || M.value ? (b.value = [], z.value = !1, M.value = !1) : (b.value = [...i.value], z.value = !0, M.value = !1), r("select-all", b.value), r("selection-change", b.value);
+    }, N = (l) => {
+      const f = b.value.findIndex((p) => typeof s.rowKey == "function" ? s.rowKey(p) === s.rowKey(l) : s.rowKey ? p[s.rowKey] === l[s.rowKey] : p === l);
+      f > -1 ? b.value.splice(f, 1) : b.value.push(l), z.value = b.value.length === i.value.length, M.value = b.value.length > 0 && b.value.length < i.value.length, r("selection-change", b.value);
+    }, j = (l) => b.value.some((f) => typeof s.rowKey == "function" ? s.rowKey(f) === s.rowKey(l) : s.rowKey ? f[s.rowKey] === l[s.rowKey] : f === l), v = (l) => {
+      const f = {};
+      return l.width && (f.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.minWidth && (f.minWidth = typeof l.minWidth == "number" ? `${l.minWidth}px` : l.minWidth), l.align && (f.textAlign = l.align), f;
+    }, D = (l) => {
+      const f = l || {};
+      s.columns.forEach((p) => {
+        f[p.prop] === void 0 && (f[p.prop] = "");
+      }), i.value = [...i.value, f], r("add-row", f);
+    }, A = (l) => {
+      const f = i.value[l];
+      i.value = i.value.filter((p, w) => w !== l), r("delete-row", f, l);
+    };
+    return a({
+      clearSelection: () => {
+        b.value = [], z.value = !1, M.value = !1;
+      },
+      getSelection: () => [...b.value],
+      sortState: k,
+      addRow: D,
+      deleteRow: A,
+      getData: () => [...i.value]
+    }), (l, f) => (c(), y("div", {
+      class: u(K.value)
+    }, [
+      t.showAddButton ? (c(), y("div", {
+        key: 0,
+        class: u(d(o).e("toolbar"))
+      }, [
+        P(l.$slots, "toolbar", {}, () => [
+          C("button", {
+            class: u(d(o).e("add-btn")),
+            onClick: f[0] || (f[0] = (p) => D())
+          }, [...f[2] || (f[2] = [
+            C("span", { class: "add-icon" }, "+", -1),
+            _(" 新增一行 ", -1)
+          ])], 2)
+        ])
+      ], 2)) : $("", !0),
+      t.loading ? (c(), y("div", {
+        key: 1,
+        class: u(d(o).e("loading"))
+      }, [...f[3] || (f[3] = [
+        C("span", { class: "loading-spinner" }, null, -1),
+        C("span", { class: "loading-text" }, "加载中...", -1)
+      ])], 2)) : $("", !0),
+      C("div", {
+        class: u(d(o).e("wrapper")),
+        style: R(O.value)
+      }, [
+        C("table", null, [
+          t.showHeader ? (c(), y("thead", be, [
+            C("tr", null, [
+              t.rowKey ? (c(), y("th", {
+                key: 0,
+                class: u([d(o).e("header-cell"), d(o).e("selection-cell")])
+              }, [
+                C("input", {
+                  type: "checkbox",
+                  checked: z.value,
+                  indeterminate: M.value,
+                  onChange: J
+                }, null, 40, Ie)
+              ], 2)) : $("", !0),
+              t.showIndex ? (c(), y("th", {
+                key: 1,
+                class: u(d(o).e("header-cell")),
+                style: { width: "60px" }
+              }, " 序号 ", 2)) : $("", !0),
+              (c(!0), y(Z, null, q(t.columns, (p) => (c(), y("th", {
+                key: p.prop,
+                class: u([d(o).e("header-cell"), L(p)]),
+                style: R(v(p)),
+                onClick: (w) => S(p)
+              }, [
+                C("span", null, B(p.label), 1),
+                p.sortable ? (c(), y("span", {
+                  key: 0,
+                  class: u(d(o).e("sort-icon"))
+                }, [...f[4] || (f[4] = [
+                  C("span", { class: "sort-arrow up" }, "▲", -1),
+                  C("span", { class: "sort-arrow down" }, "▼", -1)
+                ])], 2)) : $("", !0)
+              ], 14, Ke))), 128)),
+              t.showOperation ? (c(), y("th", {
+                key: 2,
+                class: u(d(o).e("header-cell")),
+                style: R(x.value)
+              }, B(t.operationLabel), 7)) : $("", !0)
+            ])
+          ])) : $("", !0),
+          C("tbody", null, [
+            (c(!0), y(Z, null, q(T.value, (p, w) => (c(), y("tr", {
+              key: t.rowKey ? typeof t.rowKey == "function" ? t.rowKey(p) : p[t.rowKey] : w,
+              class: u([d(o).e("row"), d(o).is("selected", j(p))]),
+              onClick: (E) => X(p, t.columns[0], E)
+            }, [
+              t.rowKey ? (c(), y("td", {
+                key: 0,
+                class: u(d(o).e("cell"))
+              }, [
+                C("input", {
+                  type: "checkbox",
+                  checked: j(p),
+                  onClick: f[1] || (f[1] = te(() => {
+                  }, ["stop"])),
+                  onChange: (E) => N(p)
+                }, null, 40, Se)
+              ], 2)) : $("", !0),
+              t.showIndex ? (c(), y("td", {
+                key: 1,
+                class: u(d(o).e("cell"))
+              }, B(w + 1), 3)) : $("", !0),
+              (c(!0), y(Z, null, q(t.columns, (E) => (c(), y("td", {
+                key: E.prop,
+                class: u(d(o).e("cell")),
+                style: R(v(E)),
+                onClick: (ee) => V(p, E, ee)
+              }, [
+                P(l.$slots, `column-${E.prop}`, {
+                  row: p,
+                  column: E,
+                  $index: w
+                }, () => [
+                  _(B(U(p, E, w)), 1)
+                ])
+              ], 14, De))), 128)),
+              t.showOperation ? (c(), y("td", {
+                key: 2,
+                class: u([d(o).e("cell"), d(o).e("operation-cell")])
+              }, [
+                P(l.$slots, "operation", {
+                  row: p,
+                  $index: w,
+                  deleteRow: () => A(w)
+                }, () => [
+                  C("button", {
+                    class: u(d(o).e("operation-btn")),
+                    onClick: te((E) => A(w), ["stop"])
+                  }, " 删除 ", 10, Le)
+                ])
+              ], 2)) : $("", !0)
+            ], 10, Ne))), 128))
+          ]),
+          T.value.length === 0 && !t.loading ? (c(), y("tbody", Ae, [
+            C("tr", null, [
+              C("td", {
+                colspan: t.columns.length + (t.rowKey ? 1 : 0) + (t.showIndex ? 1 : 0) + (t.showOperation ? 1 : 0),
+                class: u(d(o).e("empty"))
+              }, [
+                P(l.$slots, "empty", {}, () => [
+                  _(B(t.emptyText), 1)
+                ])
+              ], 10, $e)
+            ])
+          ])) : $("", !0)
+        ])
+      ], 6)
+    ], 2));
+  }
+});
+class F {
+  constructor(a, e, s = 0, r = null) {
+    this.data = a, this.store = e, this.level = s, this.parent = r, this.children = [], this.expanded = !1, this.selected = !1, this.checked = !1, this.indeterminate = !1, this.loading = !1, this.visible = !0, this.loaded = !1;
+    const o = e.props || {}, i = o.value || "value", k = o.label || "label", b = o.disabled || "disabled", z = o.isLeaf || "isLeaf";
+    this.key = a[i] ?? a.value ?? a.id ?? Math.random().toString(), this.label = a[k] ?? a.label ?? "", this.disabled = a[b] ?? a.disabled ?? !1, this.isLeaf = a[z] ?? a.isLeaf ?? !1;
+    const M = o.children || "children", T = a[M] ?? a.children ?? [];
+    T.length > 0 ? this.children = T.map(
+      (O) => new F(O, e, s + 1, this)
+    ) : this.isLeaf = !0;
+  }
+  /** 设置展开状态 */
+  setExpanded(a, e = !0) {
+    this.expanded = a, a ? this.store.expandedKeys.add(this.key) : this.store.expandedKeys.delete(this.key);
+  }
+  /** 设置选中状态 */
+  setSelected(a) {
+    this.selected = a, a ? this.store.selectedKeys.add(this.key) : this.store.selectedKeys.delete(this.key);
+  }
+  /** 设置勾选状态 */
+  setChecked(a, e = !0, s = !0) {
+    this.checked = a, this.indeterminate = !1, a ? (this.store.checkedKeys.add(this.key), this.store.indeterminateKeys.delete(this.key)) : (this.store.checkedKeys.delete(this.key), this.store.indeterminateKeys.delete(this.key)), e && (this.updateChildrenChecked(a), this.updateParentChecked());
+  }
+  /** 更新子节点勾选状态 */
+  updateChildrenChecked(a) {
+    const e = (s) => {
+      s.children.forEach((r) => {
+        r.disabled || (r.checked = a, r.indeterminate = !1, a ? (this.store.checkedKeys.add(r.key), this.store.indeterminateKeys.delete(r.key)) : (this.store.checkedKeys.delete(r.key), this.store.indeterminateKeys.delete(r.key)), e(r));
+      });
+    };
+    e(this);
+  }
+  /** 更新父节点勾选状态 */
+  updateParentChecked() {
+    let a = this.parent;
+    for (; a; ) {
+      const e = a.children.filter((o) => !o.disabled);
+      if (e.length === 0) {
+        a = a.parent;
+        continue;
+      }
+      const s = e.every((o) => o.checked), r = e.some((o) => o.checked || o.indeterminate);
+      s ? (a.checked = !0, a.indeterminate = !1, this.store.checkedKeys.add(a.key), this.store.indeterminateKeys.delete(a.key)) : r ? (a.checked = !1, a.indeterminate = !0, this.store.checkedKeys.delete(a.key), this.store.indeterminateKeys.add(a.key)) : (a.checked = !1, a.indeterminate = !1, this.store.checkedKeys.delete(a.key), this.store.indeterminateKeys.delete(a.key)), a = a.parent;
+    }
+  }
+  /** 展开/收起 */
+  toggleExpand() {
+    this.setExpanded(!this.expanded);
+  }
+  /** 勾选/取消勾选 */
+  toggleCheck() {
+    this.setChecked(!this.checked);
+  }
+  /** 判断是否应该显示 */
+  get shouldShow() {
+    return !(!this.visible || this.parent && !this.parent.expanded);
+  }
+  /** 获取所有父节点的 key */
+  getParentKeys() {
+    const a = [];
+    let e = this.parent;
+    for (; e; )
+      a.push(e.key), e = e.parent;
+    return a;
+  }
+  /** 获取所有子节点的 key */
+  getChildrenKeys() {
+    const a = [], e = (s) => {
+      s.forEach((r) => {
+        a.push(r.key), r.children.length && e(r.children);
+      });
+    };
+    return e(this.children), a;
+  }
+}
+function ze(t, a) {
+  const e = ce({
+    nodesMap: /* @__PURE__ */ new Map(),
+    rootNodes: [],
+    expandedKeys: /* @__PURE__ */ new Set(),
+    checkedKeys: /* @__PURE__ */ new Set(),
+    selectedKeys: /* @__PURE__ */ new Set(),
+    indeterminateKeys: /* @__PURE__ */ new Set(),
+    currentKey: null,
+    filterValue: ""
+  });
+  e.props = t;
+  const s = G(""), r = (n) => {
+    if (e.nodesMap.clear(), e.rootNodes = [], !n || !n.length) return;
+    const h = (m, g, l) => {
+      var E;
+      const f = new F(m, e, g, l);
+      e.nodesMap.set(f.key, f);
+      const p = ((E = t.props) == null ? void 0 : E.children) || "children", w = m[p] ?? m.children ?? [];
+      return w.length > 0 && (f.children = w.map(
+        (ee) => h(ee, g + 1, f)
+      ), f.isLeaf = !1), f;
+    };
+    e.rootNodes = n.map((m) => h(m, 0, null)), o();
+  }, o = () => {
+    var n, h, m;
+    t.defaultExpandAll ? k() : (n = t.defaultExpandedKeys) != null && n.length && t.defaultExpandedKeys.forEach((g) => {
+      const l = e.nodesMap.get(g);
+      l && (l.expanded = !0, e.expandedKeys.add(g), t.autoExpandParent && i(l));
+    }), (h = t.defaultSelectedKeys) != null && h.length && t.defaultSelectedKeys.forEach((g) => {
+      const l = e.nodesMap.get(g);
+      l && (l.selected = !0, e.selectedKeys.add(g));
+    }), (m = t.defaultCheckedKeys) != null && m.length && t.defaultCheckedKeys.forEach((g) => {
+      const l = e.nodesMap.get(g);
+      l && l.setChecked(!0, !t.checkStrictly);
+    }), t.currentKey !== void 0 && (e.currentKey = t.currentKey);
+  }, i = (n) => {
+    let h = n.parent;
+    for (; h; )
+      h.expanded || (h.expanded = !0, e.expandedKeys.add(h.key)), h = h.parent;
+  }, k = () => {
+    e.nodesMap.forEach((n) => {
+      (n.children.length > 0 || t.lazy && !n.isLeaf) && (n.expanded = !0, e.expandedKeys.add(n.key));
+    });
+  }, b = () => {
+    e.nodesMap.forEach((n) => {
+      n.expanded = !1;
+    }), e.expandedKeys.clear();
+  }, z = (n) => {
+    var m;
+    if (n.disabled) return;
+    const h = !n.expanded;
+    if (t.accordion && h && (((m = n.parent) == null ? void 0 : m.children) || e.rootNodes).forEach((l) => {
+      l.key !== n.key && l.expanded && (l.expanded = !1, e.expandedKeys.delete(l.key), a("node-collapse", l.data, l, null));
+    }), t.lazy && t.load && !n.loaded && !n.loading && !n.isLeaf) {
+      n.loading = !0, t.load(n, (g) => {
+        n.loading = !1, n.loaded = !0, n.children = g.map((l) => {
+          const f = new F(l, e, n.level + 1, n);
+          return e.nodesMap.set(f.key, f), f;
+        }), n.isLeaf = n.children.length === 0, n.expanded = !0, e.expandedKeys.add(n.key), a("node-expand", n.data, n, null);
+      });
+      return;
+    }
+    h ? (n.expanded = !0, e.expandedKeys.add(n.key), a("node-expand", n.data, n, null)) : (n.expanded = !1, e.expandedKeys.delete(n.key), a("node-collapse", n.data, n, null));
+  }, M = (n, h) => {
+    if (n.disabled) return;
+    const m = h ?? !n.checked;
+    n.setChecked(m, !t.checkStrictly), a("check-change", n.data, n.checked, n.indeterminate);
+    const g = [], l = [], f = [], p = [];
+    e.nodesMap.forEach((w) => {
+      w.checked && (g.push(w.data), l.push(w.key)), w.indeterminate && (f.push(w.data), p.push(w.key));
+    }), a("check", n.data, {
+      checkedNodes: g,
+      checkedKeys: l,
+      halfCheckedNodes: f,
+      halfCheckedKeys: p
+    });
+  }, T = (n, h) => {
+    n.disabled || (a("node-click", n.data, n, null), t.expandOnClickNode && (n.children.length > 0 || t.lazy && !n.isLeaf) && z(n), t.checkOnClickNode && t.showCheckbox && M(n), t.highlightCurrent && (e.currentKey = n.key, a("current-change", n.data, n)), t.selectable && n.setSelected(!n.selected));
+  }, O = (n, h) => {
+    a("node-contextmenu", h, n.data, n);
+  }, x = (n) => {
+    if (s.value = n, e.filterValue = n, !n) {
+      e.nodesMap.forEach((m) => {
+        m.visible = !0;
+      });
+      return;
+    }
+    const h = t.filterNodeMethod || K;
+    e.nodesMap.forEach((m) => {
+      m.visible = h(n, m.data, m);
+    }), e.nodesMap.forEach((m) => {
+      m.visible && m.parent && S(m.parent);
+    });
+  }, K = (n, h, m) => {
+    var l;
+    const g = h.label || h[(l = t.props) == null ? void 0 : l.label] || "";
+    return String(g).toLowerCase().includes(n.toLowerCase());
+  }, S = (n) => {
+    n.visible = !0, n.expanded = !0, e.expandedKeys.add(n.key), n.parent && S(n.parent);
+  }, L = (n) => e.nodesMap.get(n), U = (n) => {
+    if (e.currentKey = n, n && t.highlightCurrent) {
+      const h = e.nodesMap.get(n);
+      h && a("current-change", h.data, h);
+    }
+  }, X = () => {
+    if (e.currentKey)
+      return e.nodesMap.get(e.currentKey);
+  }, V = (n = !1) => {
+    const h = [];
+    return e.nodesMap.forEach((m) => {
+      m.checked && (!n || m.isLeaf) && h.push(m.data);
+    }), h;
+  }, J = (n = !1) => {
+    const h = [];
+    return e.nodesMap.forEach((m) => {
+      m.checked && (!n || m.isLeaf) && h.push(m.key);
+    }), h;
+  }, N = (n) => {
+    e.nodesMap.forEach((h) => {
+      h.checked = !1, h.indeterminate = !1;
+    }), e.checkedKeys.clear(), e.indeterminateKeys.clear(), n.forEach((h) => {
+      const m = e.nodesMap.get(h);
+      m && m.setChecked(!0, !t.checkStrictly);
+    });
+  }, j = () => {
+    const n = [];
+    return e.nodesMap.forEach((h) => {
+      h.indeterminate && n.push(h.data);
+    }), n;
+  }, v = () => {
+    const n = [];
+    return e.nodesMap.forEach((h) => {
+      h.indeterminate && n.push(h.key);
+    }), n;
+  }, D = (n, h, m = !0) => {
+    const g = e.nodesMap.get(n);
+    g && g.setChecked(h, m && !t.checkStrictly);
+  }, A = () => {
+    const n = [];
+    return e.nodesMap.forEach((h) => {
+      h.selected && n.push(h.data);
+    }), n;
+  }, Q = (n) => {
+    e.nodesMap.forEach((h) => {
+      h.selected = !1;
+    }), e.selectedKeys.clear(), n.forEach((h) => {
+      const m = e.nodesMap.get(h);
+      m && (m.selected = !0, e.selectedKeys.add(h));
+    });
+  };
+  return ae("tree", {
+    props: t,
+    store: e,
+    emit: a,
+    toggleExpand: z,
+    toggleCheck: M,
+    handleNodeClick: T,
+    handleNodeContextmenu: O,
+    filterValue: ue(s)
+  }), W(
+    () => t.data,
+    (n) => {
+      r(n || []);
+    },
+    { immediate: !0, deep: !0 }
+  ), W(
+    () => t.expandedKeys,
+    (n) => {
+      n && (e.expandedKeys = new Set(n), e.nodesMap.forEach((h) => {
+        h.expanded = e.expandedKeys.has(h.key);
+      }));
+    },
+    { immediate: !0 }
+  ), W(
+    () => t.checkedKeys,
+    (n) => {
+      n && N(n);
+    },
+    { immediate: !0 }
+  ), W(
+    () => t.selectedKeys,
+    (n) => {
+      n && Q(n);
+    },
+    { immediate: !0 }
+  ), W(
+    () => t.currentKey,
+    (n) => {
+      n !== void 0 && (e.currentKey = n);
+    },
+    { immediate: !0 }
+  ), {
+    store: e,
+    filter: x,
+    getNode: L,
+    setCurrentKey: U,
+    getCurrentNode: X,
+    getCheckedNodes: V,
+    getCheckedKeys: J,
+    setCheckedKeys: N,
+    getHalfCheckedNodes: j,
+    getHalfCheckedKeys: v,
+    setChecked: D,
+    getSelectedNodes: A,
+    setSelectedKeys: Q,
+    expandAll: k,
+    collapseAll: b
+  };
+}
+const je = ["draggable"], Ee = {
+  key: 0,
+  class: "x-tree-node__loading-icon"
+}, Te = {
+  key: 0,
+  class: "x-tree-node__expand-arrow"
+}, Pe = {
+  key: 0,
+  class: "x-tree-node__icon"
+}, Be = { class: "x-tree-node__label" }, Oe = /* @__PURE__ */ H({
+  name: "XTreeNode",
+  __name: "tree-node",
+  props: {
+    node: {}
+  },
+  setup(t) {
+    const a = t, e = se("tree"), { props: s, store: r, toggleExpand: o, toggleCheck: i, handleNodeClick: k, handleNodeContextmenu: b } = e, z = G(), M = G(null), T = I(() => a.node.expanded), O = I(() => a.node.checked), x = I(() => a.node.indeterminate), K = I(() => a.node.disabled), S = I(() => a.node.loading), L = I(() => a.node.isLeaf), U = I(() => r.currentKey === a.node.key), X = I(() => a.node.selected), V = I(() => ({
+      paddingLeft: `${a.node.level * (s.indent || 16)}px`
+    })), J = (g) => {
+      k(a.node, g);
+    }, N = (g) => {
+      b(a.node, g);
+    }, j = (g) => {
+      g.stopPropagation(), K.value || o(a.node);
+    }, v = (g) => {
+      g.stopPropagation(), K.value || i(a.node);
+    }, D = (g) => {
+      var l;
+      if (!(!s.draggable || K.value)) {
+        if (s.allowDrag && !s.allowDrag(a.node)) {
+          g.preventDefault();
+          return;
+        }
+        g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("nodeKey", String(a.node.key)), (l = e.emit) == null || l.call(e, "node-drag-start", a.node, g);
+      }
+    }, A = (g) => {
+      var l;
+      g.preventDefault(), s.draggable && (M.value = "inner", (l = e.emit) == null || l.call(e, "node-drag-enter", a.node, g));
+    }, Q = (g) => {
+      var l;
+      M.value = null, (l = e.emit) == null || l.call(e, "node-drag-leave", a.node, g);
+    }, n = (g) => {
+      var w, E;
+      if (g.preventDefault(), !s.draggable || K.value) return;
+      const l = (w = z.value) == null ? void 0 : w.getBoundingClientRect();
+      if (!l) return;
+      const f = g.clientY - l.top, p = l.height;
+      f < p * 0.25 ? M.value = "prev" : f > p * 0.75 ? M.value = "next" : M.value = "inner", (E = e.emit) == null || E.call(e, "node-drag-over", a.node, g);
+    }, h = (g) => {
+      var f, p;
+      if (g.preventDefault(), !s.draggable) return;
+      const l = (f = g.dataTransfer) == null ? void 0 : f.getData("nodeKey");
+      if (l) {
+        const w = r.nodesMap.get(l);
+        if (w && M.value) {
+          if (s.allowDrop && !s.allowDrop(w, a.node, M.value)) {
+            M.value = null;
+            return;
+          }
+          (p = e.emit) == null || p.call(e, "node-drop", w, a.node, M.value, g);
+        }
+      }
+      M.value = null;
+    }, m = (g) => {
+      var l;
+      M.value = null, (l = e.emit) == null || l.call(e, "node-drag-end", a.node, g);
+    };
+    return (g, l) => {
+      var p;
+      const f = he("TreeNode", !0);
+      return fe((c(), y("div", {
+        ref_key: "nodeRef",
+        ref: z,
+        class: u(["x-tree-node", {
+          "is-expanded": T.value,
+          "is-current": U.value,
+          "is-selected": X.value,
+          "is-disabled": K.value,
+          "is-drop-inner": M.value === "inner",
+          "is-drop-prev": M.value === "prev",
+          "is-drop-next": M.value === "next"
+        }]),
+        draggable: d(s).draggable && !K.value,
+        onDragstart: D,
+        onDragenter: A,
+        onDragleave: Q,
+        onDragover: n,
+        onDrop: h,
+        onDragend: m
+      }, [
+        C("div", {
+          class: "x-tree-node__content",
+          style: R(V.value),
+          onClick: J,
+          onContextmenu: N
+        }, [
+          C("span", {
+            class: u(["x-tree-node__expand-icon", {
+              "is-expanded": T.value,
+              "is-leaf": L.value,
+              "is-loading": S.value
+            }]),
+            onClick: j
+          }, [
+            S.value ? (c(), y("span", Ee, "⏳")) : (c(), y(Z, { key: 1 }, [
+              L.value ? $("", !0) : (c(), y("span", Te, "▶"))
+            ], 64))
+          ], 2),
+          t.node.icon || d(s).icon ? (c(), y("span", Pe, B(t.node.icon || d(s).icon), 1)) : $("", !0),
+          d(s).showCheckbox ? (c(), y("span", {
+            key: 1,
+            class: u(["x-tree-node__checkbox", {
+              "is-checked": O.value,
+              "is-indeterminate": x.value,
+              "is-disabled": K.value
+            }]),
+            onClick: te(v, ["stop"])
+          }, [...l[0] || (l[0] = [
+            C("span", { class: "x-tree-node__checkbox-inner" }, null, -1)
+          ])], 2)) : $("", !0),
+          C("span", Be, [
+            P(g.$slots, "default", {
+              node: t.node,
+              data: t.node.data
+            }, () => [
+              _(B(t.node.label), 1)
+            ])
+          ])
+        ], 36),
+        !L.value && T.value ? (c(), y("div", {
+          key: 0,
+          class: u(["x-tree-node__children", { "x-tree-node__children--show-line": d(s).showLine }])
+        }, [
+          !d(s).renderAfterExpand || T.value ? (c(!0), y(Z, { key: 0 }, q(t.node.children, (w) => (c(), le(f, {
+            key: w.key,
+            node: w
+          }, {
+            default: oe((E) => [
+              P(g.$slots, "default", {
+                node: E.node,
+                data: E.data
+              })
+            ]),
+            _: 3
+          }, 8, ["node"]))), 128)) : $("", !0)
+        ], 2)) : $("", !0)
+      ], 42, je)), [
+        [ye, t.node.visible && (((p = t.node.parent) == null ? void 0 : p.expanded) ?? !0)]
+      ]);
+    };
+  }
+}), Je = /* @__PURE__ */ H({
+  name: "XTree",
+  __name: "index",
+  props: {
+    data: { default: () => [] },
+    emptyText: { default: "暂无数据" },
+    nodeKey: { default: "value" },
+    props: { default: () => ({}) },
+    renderAfterExpand: { type: Boolean, default: !0 },
+    load: {},
+    renderContent: {},
+    highlightCurrent: { type: Boolean, default: !1 },
+    checkOnClickNode: { type: Boolean, default: !1 },
+    autoExpandParent: { type: Boolean, default: !0 },
+    defaultExpandedKeys: { default: () => [] },
+    defaultCheckedKeys: { default: () => [] },
+    defaultSelectedKeys: { default: () => [] },
+    expandedKeys: {},
+    checkedKeys: {},
+    selectedKeys: {},
+    checkStrictly: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !1 },
+    allowDrag: {},
+    allowDrop: {},
+    accordion: { type: Boolean, default: !1 },
+    indent: { default: 16 },
+    icon: {},
+    expandOnClickNode: { type: Boolean, default: !0 },
+    checkDescendants: { type: Boolean, default: !1 },
+    currentKey: {},
+    showLine: { type: Boolean, default: !1 },
+    showCheckbox: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !1 },
+    size: { default: "default" }
+  },
+  emits: ["node-click", "node-contextmenu", "check-change", "check", "current-change", "node-expand", "node-collapse", "node-drag-start", "node-drag-enter", "node-drag-leave", "node-drag-over", "node-drag-end", "node-drop"],
+  setup(t, { expose: a, emit: e }) {
+    const s = t, r = e, o = Y("tree"), {
+      store: i,
+      filter: k,
+      getNode: b,
+      setCurrentKey: z,
+      getCurrentNode: M,
+      getCheckedNodes: T,
+      getCheckedKeys: O,
+      setCheckedKeys: x,
+      getHalfCheckedNodes: K,
+      getHalfCheckedKeys: S,
+      setChecked: L,
+      getSelectedNodes: U,
+      setSelectedKeys: X,
+      expandAll: V,
+      collapseAll: J
+    } = ze(s, r);
+    return a({
+      filter: k,
+      getNode: b,
+      setCurrentKey: z,
+      getCurrentKey: () => i.currentKey,
+      getCurrentNode: M,
+      getCheckedNodes: T,
+      getCheckedKeys: O,
+      setCheckedKeys: x,
+      getHalfCheckedNodes: K,
+      getHalfCheckedKeys: S,
+      setChecked: L,
+      getSelectedNodes: U,
+      setSelectedKeys: X,
+      expandAll: V,
+      collapseAll: J,
+      // 额外方法
+      updateKeyChildren: (N, j) => {
+        const v = i.nodesMap.get(N);
+        v && (v.children.forEach((D) => {
+          i.nodesMap.delete(D.key);
+        }), v.children = j.map((D) => {
+          const A = new F(D, i, v.level + 1, v);
+          return i.nodesMap.set(A.key, A), A;
+        }), v.isLeaf = v.children.length === 0);
+      },
+      remove: (N) => {
+        const j = i.nodesMap.get(N);
+        if (j) {
+          const v = j.parent;
+          if (v) {
+            const A = v.children.indexOf(j);
+            A > -1 && v.children.splice(A, 1), v.children.length === 0 && (v.isLeaf = !0);
+          } else {
+            const A = i.rootNodes.indexOf(j);
+            A > -1 && i.rootNodes.splice(A, 1);
+          }
+          const D = (A) => {
+            i.nodesMap.delete(A.key), A.children.forEach(D);
+          };
+          D(j);
+        }
+      },
+      append: (N, j) => {
+        if (j) {
+          const v = i.nodesMap.get(j);
+          if (v) {
+            const D = new F(N, i, v.level + 1, v);
+            i.nodesMap.set(D.key, D), v.children.push(D), v.isLeaf = !1;
+          }
+        } else {
+          const v = new F(N, i, 0, null);
+          i.nodesMap.set(v.key, v), i.rootNodes.push(v);
+        }
+      },
+      insertBefore: (N, j) => {
+        var D;
+        const v = i.nodesMap.get(j);
+        if (v) {
+          const A = new F(N, i, v.level, v.parent);
+          i.nodesMap.set(A.key, A);
+          const Q = ((D = v.parent) == null ? void 0 : D.children) || i.rootNodes, n = Q.indexOf(v);
+          Q.splice(n, 0, A);
+        }
+      },
+      insertAfter: (N, j) => {
+        var D;
+        const v = i.nodesMap.get(j);
+        if (v) {
+          const A = new F(N, i, v.level, v.parent);
+          i.nodesMap.set(A.key, A);
+          const Q = ((D = v.parent) == null ? void 0 : D.children) || i.rootNodes, n = Q.indexOf(v);
+          Q.splice(n + 1, 0, A);
+        }
+      }
+    }), (N, j) => (c(), y("div", {
+      class: u([d(o).b(), d(o).m(t.size)])
+    }, [
+      (c(!0), y(Z, null, q(d(i).rootNodes, (v) => (c(), le(Oe, {
+        key: v.key,
+        node: v
+      }, {
+        default: oe((D) => [
+          P(N.$slots, "default", {
+            node: D.node,
+            data: D.data
+          }, () => [
+            _(B(D.node.label), 1)
+          ])
+        ]),
+        _: 2
+      }, 1032, ["node"]))), 128)),
+      d(i).rootNodes.length ? $("", !0) : (c(), y("div", {
+        key: 0,
+        class: u(d(o).e("empty"))
+      }, [
+        P(N.$slots, "empty", {}, () => [
+          _(B(t.emptyText), 1)
+        ])
+      ], 2))
+    ], 2));
+  }
+}), Re = ["src"], Ge = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiLz4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk5LjM5NCA0OC4xNjJsMCAyMS41MTYgMjIuNjQgMjIuNjQ0IDAtMjIuNjQ0em0tMjIuNjQgMjIuNjQ0TDc2Ljk5OCA3MC43OThsMCAyMS41MTYgMjIuMzk2IDIyLjM5NiAwLTIyLjM5NnoiIGZpbGw9IiNFRkVGRkYiLz4KICAgICAgPHBhdGggZD0iTTk5LjM5NCA0OC4xNjJsLTIyLjM5NiAyMi42MzYgMjIuMzk2IDIxLjUyIDAtNDQuMTU2eiIgZmlsbD0iI0YyRjZGQyIvPgogICAgICA8cGF0aCBkPSJNMTIxLjk3OCA2OS42NzRMOTkuMzk0IDkyLjI1OGwzLjE2OCAzLjE2OCAyMi41ODQtMjIuNTg0LTMuMTY4LTMuMTY4eiIgZmlsbD0iI0M3Q0NEQyIvPgogICAgICA8cGF0aCBkPSJNOTkuMzk0IDkyLjI1OEw3Ni44MSA2OS42NzRsMy4xNjgtMy4xNjggMjIuNTg0IDIyLjU4NC0zLjE2OCAzLjE2OHoiIGZpbGw9IiNDN0NEREMiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xNDcuODU3IDMxLjY3bC0zLjI5Mi0zLjI5MmEyLjUgMi41IDAgMCAwLTMuNTM2IDBsLTEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDAgMCA0Ljk1bDMuMjkzIDMuMjkyYTMuNSAzLjUgMCAwIDAgNC45NSAwbDEzLjQ2LTEzLjQ2YTIuNSAyLjUgMCAwIDAgMC0zLjUzNnoiIGZpbGw9IiNENkRCRUMiLz4KICAgIDxwYXRoIGQ9Ik0zNi4xNDMgMzEuNjdsMy4yOTItMy4yOTJhMi41IDIuNSAwIDAgMSAzLjUzNiAwbDEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDEgMCA0Ljk1bC0zLjI5MyAzLjI5MmEzLjUgMy41IDAgMCAxLTQuOTUgMEwzNi4xNDMgMzUuMmEyLjUgMi41IDAgMCAxIDAtMy41MzZ6IiBmaWxsPSIjRDZEQkVDIi8+CiAgICA8Y2lyY2xlIGZpbGw9IiNFQUVFRjQiIGN4PSI5MiIgY3k9IjgiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPg==", Fe = /* @__PURE__ */ H({
+  name: "XEmpty",
+  __name: "index",
+  props: {
+    image: { default: "" },
+    imageSize: { default: 0 },
+    description: { default: "" },
+    size: { default: "default" }
+  },
+  setup(t) {
+    const a = t, e = Y("empty"), s = I(() => {
+      const o = {};
+      return a.imageSize && (o.height = `${a.imageSize}px`, o.width = `${a.imageSize}px`), o;
+    }), r = I(() => a.description || "暂无数据");
+    return (o, i) => (c(), y("div", {
+      class: u([d(e).b(), d(e).m(t.size)])
+    }, [
+      C("div", {
+        class: u(d(e).e("image")),
+        style: R(s.value)
+      }, [
+        P(o.$slots, "image", {}, () => [
+          t.image ? (c(), y("img", {
+            key: 0,
+            src: t.image,
+            style: R(s.value),
+            draggable: "false"
+          }, null, 12, Re)) : (c(), y("img", {
+            key: 1,
+            src: Ge,
+            style: R(s.value),
+            draggable: "false"
+          }, null, 4))
+        ])
+      ], 6),
+      C("div", {
+        class: u(d(e).e("description"))
+      }, [
+        P(o.$slots, "description", {}, () => [
+          C("p", null, B(r.value), 1)
+        ])
+      ], 2),
+      o.$slots.default ? (c(), y("div", {
+        key: 0,
+        class: u(d(e).e("bottom"))
+      }, [
+        P(o.$slots, "default")
+      ], 2)) : $("", !0)
+    ], 2));
+  }
+}), qe = /* @__PURE__ */ H({
+  name: "XTimeline",
+  __name: "index",
+  props: {
+    direction: { default: "vertical" }
+  },
+  setup(t) {
+    const a = t, e = Y("timeline");
+    ae("timeline", {
+      props: a
+    });
+    const s = I(() => [
+      e.b(),
+      e.m(a.direction)
+    ]);
+    return (r, o) => (c(), y("ul", {
+      class: u(s.value),
+      role: "timeline"
+    }, [
+      P(r.$slots, "default")
+    ], 2));
+  }
+}), _e = /* @__PURE__ */ H({
+  name: "XTimelineItem",
+  __name: "TimelineItem",
+  props: {
+    timestamp: { default: "" },
+    type: { default: "primary" },
+    color: {},
+    size: { default: "normal" },
+    hideTimestamp: { type: Boolean, default: !1 },
+    placement: { default: "bottom" }
+  },
+  setup(t) {
+    const a = t, e = Y("timeline-item"), s = {
+      primary: "#409eff",
+      success: "#67c23a",
+      warning: "#e6a23c",
+      danger: "#f56c6c",
+      info: "#909399"
+    }, r = I(() => {
+      const i = {};
+      return a.color ? i.backgroundColor = a.color : a.type && s[a.type] && (i.backgroundColor = s[a.type]), i;
+    }), o = I(() => [
+      e.b(),
+      e.m(a.size)
+    ]);
+    return (i, k) => (c(), y("li", {
+      class: u(o.value)
+    }, [
+      C("div", {
+        class: u(d(e).e("node")),
+        style: R(r.value)
+      }, [
+        P(i.$slots, "dot")
+      ], 6),
+      C("div", {
+        class: u(d(e).e("tail"))
+      }, null, 2),
+      C("div", {
+        class: u(d(e).e("wrapper"))
+      }, [
+        !t.hideTimestamp && t.timestamp && t.placement === "top" ? (c(), y("div", {
+          key: 0,
+          class: u(d(e).e("timestamp"))
+        }, B(t.timestamp), 3)) : $("", !0),
+        C("div", {
+          class: u(d(e).e("content"))
+        }, [
+          P(i.$slots, "default")
+        ], 2),
+        !t.hideTimestamp && t.timestamp && t.placement === "bottom" ? (c(), y("div", {
+          key: 1,
+          class: u(d(e).e("timestamp"))
+        }, B(t.timestamp), 3)) : $("", !0)
+      ], 2)
+    ], 2));
+  }
+}), He = ["onMouseenter", "onClick"], et = /* @__PURE__ */ H({
+  name: "XCarousel",
+  __name: "index",
+  props: {
+    activeIndex: { default: 0 },
+    autoplay: { type: Boolean, default: !0 },
+    interval: { default: 3e3 },
+    indicatorPosition: { default: "inside" },
+    trigger: { default: "hover" },
+    arrow: { default: "hover" },
+    loop: { type: Boolean, default: !0 },
+    height: { default: 300 }
+  },
+  emits: ["update:activeIndex", "change"],
+  setup(t, { expose: a, emit: e }) {
+    const s = t, r = e, o = Y("carousel"), i = G(s.activeIndex), k = G(0), b = G(null), z = G(!1);
+    ae("carousel", {
+      currentIndex: i,
+      itemCount: k
+    });
+    const M = (N) => {
+      const j = i.value;
+      s.loop ? i.value = (N + k.value) % k.value : i.value = Math.max(0, Math.min(N, k.value - 1)), r("update:activeIndex", i.value), r("change", i.value, j);
+    }, T = () => {
+      M(i.value - 1);
+    }, O = () => {
+      M(i.value + 1);
+    }, x = () => {
+      s.autoplay && k.value > 1 && (K(), b.value = setInterval(() => {
+        z.value || O();
+      }, s.interval));
+    }, K = () => {
+      b.value && (clearInterval(b.value), b.value = null);
+    }, S = () => {
+      z.value = !0, s.arrow;
+    }, L = () => {
+      z.value = !1;
+    }, U = (N) => {
+      s.trigger === "hover" && M(N);
+    }, X = (N) => {
+      s.trigger === "click" && M(N);
+    }, V = I(() => ({
+      height: typeof s.height == "number" ? `${s.height}px` : s.height
+    })), J = I(() => [
+      o.b(),
+      o.m(`arrow-${s.arrow}`),
+      o.m(`indicator-${s.indicatorPosition}`)
+    ]);
+    return W(() => s.activeIndex, (N) => {
+      i.value = N;
+    }), W(() => s.autoplay, () => {
+      x();
+    }), W(k, () => {
+      ge(() => {
+        x();
+      });
+    }), ie(() => {
+      x();
+    }), de(() => {
+      K();
+    }), a({
+      prev: T,
+      next: O,
+      setActiveItem: M
+    }), (N, j) => (c(), y("div", {
+      class: u(J.value),
+      style: R(V.value),
+      onMouseenter: S,
+      onMouseleave: L
+    }, [
+      C("div", {
+        class: u(d(o).e("container"))
+      }, [
+        P(N.$slots, "default")
+      ], 2),
+      t.arrow !== "never" ? (c(), y("button", {
+        key: 0,
+        class: u([d(o).e("arrow"), d(o).e("arrow-left")]),
+        onClick: T
+      }, " ‹ ", 2)) : $("", !0),
+      t.arrow !== "never" ? (c(), y("button", {
+        key: 1,
+        class: u([d(o).e("arrow"), d(o).e("arrow-right")]),
+        onClick: O
+      }, " › ", 2)) : $("", !0),
+      t.indicatorPosition !== "none" ? (c(), y("ul", {
+        key: 2,
+        class: u(d(o).e("indicators"))
+      }, [
+        (c(!0), y(Z, null, q(k.value, (v) => (c(), y("li", {
+          key: v,
+          class: u([d(o).e("indicator"), d(o).is("active", v - 1 === i.value)]),
+          onMouseenter: (D) => U(v - 1),
+          onClick: (D) => X(v - 1)
+        }, [
+          C("button", {
+            class: u(d(o).e("indicator-btn"))
+          }, null, 2)
+        ], 42, He))), 128))
+      ], 2)) : $("", !0)
+    ], 38));
+  }
+}), tt = /* @__PURE__ */ H({
+  name: "XCarouselItem",
+  __name: "CarouselItem",
+  setup(t) {
+    const a = Y("carousel-item"), e = se("carousel"), s = G(-1);
+    ie(() => {
+      e && (s.value = e.itemCount.value, e.itemCount.value++);
+    }), de(() => {
+      e && e.itemCount.value--;
+    });
+    const r = I(() => e && s.value === e.currentIndex.value), o = I(() => [
+      a.b(),
+      a.is("active", r.value)
+    ]);
+    return (i, k) => (c(), y("div", {
+      class: u(o.value)
+    }, [
+      P(i.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  Ze as Card,
+  et as Carousel,
+  tt as CarouselItem,
+  Ve as DynamicTable,
+  Fe as Empty,
+  Xe as Pagination,
+  Ue as Progress,
+  We as Tag,
+  qe as Timeline,
+  _e as TimelineItem,
+  Je as Tree,
+  F as TreeNode
+};