@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XLayoutHeader.vue.js

@@ -0,0 +1,128 @@
+import { defineComponent as E, ref as w, computed as n, onMounted as O, nextTick as L, onUnmounted as V, openBlock as x, createElementBlock as h, normalizeStyle as M, normalizeClass as R, renderSlot as z, Fragment as H, renderList as W, createCommentVNode as X } from "vue";
+const D = /* @__PURE__ */ E({
+  name: "XHeader",
+  __name: "XLayoutHeader",
+  props: {
+    height: { default: 64 },
+    flex: { type: Boolean, default: !1 },
+    axis: {},
+    vertical: { type: Boolean },
+    wrap: { type: [Boolean, String], default: !1 },
+    gap: {},
+    rowGap: {},
+    columnGap: {},
+    justify: {},
+    align: {},
+    alignContent: {},
+    center: { type: Boolean },
+    between: { type: Boolean },
+    around: { type: Boolean },
+    evenly: { type: Boolean },
+    start: { type: Boolean },
+    end: { type: Boolean },
+    cols: {},
+    fillEmpty: { type: Boolean },
+    noShrink: { type: Boolean },
+    noOverflow: { type: Boolean, default: !0 }
+  },
+  setup(c) {
+    const e = c, o = w(), d = w(0), i = {
+      sm: 576,
+      md: 768,
+      lg: 992,
+      xl: 1200,
+      xxl: 1600
+    }, B = () => {
+      const t = window.innerWidth;
+      return t >= i.xxl ? "xxl" : t >= i.xl ? "xl" : t >= i.lg ? "lg" : t >= i.md ? "md" : t >= i.sm ? "sm" : "xs";
+    }, l = n(() => {
+      if (!e.cols) return 0;
+      if (typeof e.cols == "number") return e.cols;
+      const t = B(), r = e.cols, a = ["xxl", "xl", "lg", "md", "sm", "xs"], f = a.indexOf(t);
+      for (let p = f; p < a.length; p++) {
+        const g = a[p];
+        if (r[g] !== void 0)
+          return r[g];
+      }
+      return 0;
+    }), y = n(() => {
+      if (!l.value || !e.fillEmpty) return 0;
+      const t = d.value % l.value;
+      return t === 0 ? 0 : l.value - t;
+    }), m = (t) => Array.from(t.children).filter(
+      (r) => !r.classList.contains("x-header__empty")
+    ).length;
+    let s = null;
+    O(() => {
+      e.flex && e.fillEmpty && l.value > 0 && L(() => {
+        o.value && (d.value = m(o.value), s = new MutationObserver(() => {
+          d.value = o.value ? m(o.value) : 0;
+        }), s.observe(o.value, { childList: !0 }));
+      });
+    }), V(() => {
+      s == null || s.disconnect();
+    });
+    const v = {
+      small: "8px",
+      middle: "16px",
+      large: "24px"
+    }, u = (t) => t === void 0 ? "0" : typeof t == "number" ? `${t}px` : t in v ? v[t] : t, C = n(() => e.justify ? e.justify : e.center ? "center" : e.between ? "space-between" : e.around ? "space-around" : e.evenly ? "space-evenly" : e.start ? "flex-start" : e.end ? "flex-end" : "start"), k = n(() => {
+      if (e.align) return e.align;
+      if ((e.axis === "y" || e.axis === "vertical") && (e.center || e.start || e.end)) {
+        if (e.center) return "center";
+        if (e.start) return "flex-start";
+        if (e.end) return "flex-end";
+      }
+      return !e.axis && e.center ? "center" : "stretch";
+    }), b = n(() => !!(e.vertical || e.axis === "y" || e.axis === "vertical")), G = n(() => ({
+      height: typeof e.height == "number" ? `${e.height}px` : e.height
+    })), S = n(() => {
+      if (!e.flex) return {};
+      const t = u(e.gap), r = e.rowGap ? u(e.rowGap) : t, a = e.columnGap ? u(e.columnGap) : t, f = {
+        display: "flex",
+        flexDirection: b.value ? "column" : "row",
+        flexWrap: typeof e.wrap == "string" ? e.wrap : e.wrap ? "wrap" : "nowrap",
+        justifyContent: C.value,
+        alignItems: k.value,
+        rowGap: r,
+        columnGap: a
+      };
+      return e.alignContent && (f.alignContent = e.alignContent), f;
+    }), $ = n(() => {
+      if (!e.flex) return {};
+      const t = {};
+      if (e.noShrink && (t["--x-header-child-shrink"] = "0"), e.noOverflow && (t["--x-header-child-min-width"] = "0", t["--x-header-child-overflow"] = "hidden"), l.value > 0) {
+        const r = u(e.gap);
+        t["--x-header-child-width"] = `calc((100% - ${l.value - 1} * ${r}) / ${l.value})`, t["--x-header-child-flex"] = "0 0 var(--x-header-child-width)";
+      }
+      return t;
+    }), _ = n(() => ({
+      ...G.value,
+      ...S.value,
+      ...$.value
+    })), j = n(() => [
+      "x-header",
+      "x-layout-header",
+      e.flex && "x-header--flex",
+      e.flex && e.noShrink && "x-header--no-shrink",
+      e.flex && e.noOverflow && "x-header--no-overflow",
+      e.flex && l.value > 0 && "x-header--has-cols"
+    ]);
+    return (t, r) => (x(), h("header", {
+      ref_key: "containerRef",
+      ref: o,
+      class: R(j.value),
+      style: M(_.value)
+    }, [
+      z(t.$slots, "default"),
+      c.flex && c.fillEmpty && y.value > 0 ? (x(!0), h(H, { key: 0 }, W(y.value, (a) => (x(), h("div", {
+        key: `empty-${a}`,
+        class: "x-header__empty",
+        "aria-hidden": "true"
+      }))), 128)) : X("", !0)
+    ], 6));
+  }
+});
+export {
+  D as default
+};

package/dist/components/XLayoutHeader.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLayoutHeader.vue.js";
+export {
+  f as default
+};

package/dist/components/XLayoutSider.vue.js

@@ -0,0 +1,108 @@
+import { defineComponent as N, ref as i, computed as o, onMounted as V, onUnmounted as A, openBlock as f, createElementBlock as h, normalizeStyle as I, normalizeClass as Q, createElementVNode as L, renderSlot as M, createCommentVNode as w, createVNode as U, unref as j } from "vue";
+import q from "./XIcon.js";
+const F = { class: "x-sider__inner" }, G = { class: "x-sider__trigger-default" }, K = /* @__PURE__ */ N({
+  name: "XSider",
+  __name: "XLayoutSider",
+  props: {
+    width: { default: 200 },
+    collapsed: { type: Boolean },
+    collapsedWidth: { default: 48 },
+    bordered: { type: Boolean, default: !0 },
+    collapsible: { type: Boolean, default: !1 },
+    hideTrigger: { type: Boolean, default: !1 },
+    breakpoint: {},
+    resizeDirections: {},
+    reverseArrow: { type: Boolean, default: !1 },
+    defaultCollapsed: { type: Boolean, default: !1 }
+  },
+  emits: ["update:collapsed", "collapse"],
+  setup(v, { emit: R }) {
+    const l = v, y = R, z = i(l.defaultCollapsed), b = o(() => l.collapsed !== void 0), a = o(() => b.value ? l.collapsed : z.value), T = i(!1), _ = {
+      xs: "(max-width: 479px)",
+      sm: "(max-width: 575px)",
+      md: "(max-width: 767px)",
+      lg: "(max-width: 991px)",
+      xl: "(max-width: 1199px)",
+      xxl: "(max-width: 1599px)"
+    };
+    let r = null, d = null;
+    V(() => {
+      l.breakpoint && _[l.breakpoint] && (r = window.matchMedia(_[l.breakpoint]), d = (e) => {
+        const t = ("matches" in e, e.matches);
+        T.value = t, t !== a.value && k(t, "responsive");
+      }, d(r), r.addEventListener("change", d));
+    }), A(() => {
+      r && d && r.removeEventListener("change", d);
+    });
+    const k = (e, t = "clickTrigger") => {
+      b.value || (z.value = e), y("update:collapsed", e), y("collapse", e, t);
+    }, X = () => {
+      k(!a.value, "clickTrigger");
+    }, $ = o(() => {
+      if (u.value && n.value !== null)
+        return {
+          width: `${n.value}px`,
+          flexBasis: `${n.value}px`
+        };
+      const e = a.value ? l.collapsedWidth : l.width;
+      return {
+        width: typeof e == "number" ? `${e}px` : e,
+        flexBasis: typeof e == "number" ? `${e}px` : e
+      };
+    }), C = o(() => l.collapsible && !l.hideTrigger), S = o(() => l.reverseArrow ? !a.value : a.value), g = o(() => l.resizeDirections && l.resizeDirections.length > 0), u = i(!1), c = i(null), B = i(0), p = i(0), n = i(null), E = (e, t) => {
+      g.value && (e.preventDefault(), u.value = !0, c.value = t, B.value = e.clientX, p.value = typeof l.width == "number" ? l.width : parseInt(l.width) || 200, n.value = p.value, document.addEventListener("mousemove", W), document.addEventListener("mouseup", D));
+    }, W = (e) => {
+      if (!u.value || !c.value) return;
+      const t = e.clientX - B.value;
+      let s = p.value;
+      c.value === "right" ? s = p.value + t : c.value === "left" && (s = p.value - t);
+      const m = typeof l.collapsedWidth == "number" ? l.collapsedWidth : 48;
+      s = Math.max(m, s), n.value = s;
+    }, D = () => {
+      u.value = !1, c.value = null, n.value = null, document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", D);
+    };
+    return (e, t) => {
+      var s, m;
+      return f(), h("aside", {
+        class: Q(["x-sider x-layout-sider", {
+          "is-bordered": v.bordered,
+          "is-collapsed": a.value,
+          "is-resizing": u.value,
+          "has-trigger": C.value
+        }]),
+        style: I($.value)
+      }, [
+        L("div", F, [
+          M(e.$slots, "default")
+        ]),
+        g.value && ((s = v.resizeDirections) != null && s.includes("right")) ? (f(), h("div", {
+          key: 0,
+          class: "x-sider__resize-handle x-sider__resize-handle--right",
+          onMousedown: t[0] || (t[0] = (x) => E(x, "right"))
+        }, null, 32)) : w("", !0),
+        g.value && ((m = v.resizeDirections) != null && m.includes("left")) ? (f(), h("div", {
+          key: 1,
+          class: "x-sider__resize-handle x-sider__resize-handle--left",
+          onMousedown: t[1] || (t[1] = (x) => E(x, "left"))
+        }, null, 32)) : w("", !0),
+        C.value ? (f(), h("div", {
+          key: 2,
+          class: "x-sider__trigger",
+          onClick: X
+        }, [
+          M(e.$slots, "trigger", { collapsed: a.value }, () => [
+            L("div", G, [
+              U(j(q), {
+                class: "x-sider__trigger-icon",
+                name: S.value ? "gengduo" : "fanhui"
+              }, null, 8, ["name"])
+            ])
+          ])
+        ])) : w("", !0)
+      ], 6);
+    };
+  }
+});
+export {
+  K as default
+};

package/dist/components/XLayoutSider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLayoutSider.vue.js";
+export {
+  f as default
+};

package/dist/components/XLink.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, openBlock as t, createElementBlock as a, normalizeClass as d, renderSlot as i } from "vue";
+const r = ["href"], f = /* @__PURE__ */ n({
+  __name: "XLink",
+  props: {
+    href: { default: "#" },
+    type: { default: "primary" },
+    disabled: { type: Boolean },
+    underline: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (l, o) => (t(), a("a", {
+      class: d(["x-link", [`x-link--${e.type}`, { "is-disabled": e.disabled, "is-underline": e.underline }]]),
+      href: e.disabled ? void 0 : e.href
+    }, [
+      i(l.$slots, "default")
+    ], 10, r));
+  }
+});
+export {
+  f as default
+};

package/dist/components/XLink.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLink.vue.js";
+export {
+  f as default
+};

package/dist/components/XList.vue.js

@@ -0,0 +1,295 @@
+import { defineComponent as me, useSlots as ye, ref as b, computed as r, onMounted as Pe, nextTick as xe, openBlock as i, createElementBlock as s, createVNode as be, withCtx as B, createElementVNode as c, normalizeStyle as M, normalizeClass as Y, renderSlot as m, createCommentVNode as p, Fragment as g, createBlock as h, renderList as q, mergeProps as ke, isVNode as S, resolveDynamicComponent as I, toDisplayString as Q, unref as W, Comment as _e, Text as Se } from "vue";
+import ze from "./XEmpty.vue.js";
+import Te from "./XGrid.vue.js";
+import Ce from "./XGridItem.vue.js";
+import $e from "./XPagination.vue.js";
+import we from "./XSpin.vue.js";
+import { useXConfigProviderSlotRender as He } from "../composables/config-provider.js";
+const Be = { class: "x-list-wrapper" }, Me = { class: "x-list__content-wrapper" }, Ie = {
+  key: 0,
+  class: "x-list__header"
+}, Ee = { class: "x-list-item" }, Le = { class: "x-list-item__main" }, Ve = { class: "x-list-item__content" }, Ne = { class: "x-list-item" }, Oe = { class: "x-list-item__main" }, je = { class: "x-list-item__content" }, Re = {
+  key: 2,
+  class: "x-list-item x-list__scroll-loading"
+}, Xe = {
+  key: 1,
+  class: "x-list__footer"
+}, Ye = /* @__PURE__ */ me({
+  __name: "XList",
+  props: {
+    bordered: { type: Boolean, default: !0 },
+    size: { default: "medium" },
+    split: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !1 },
+    data: { default: () => [] },
+    dataSource: { default: () => [] },
+    paginationProps: { default: void 0 },
+    gridProps: { default: void 0 },
+    maxHeight: { default: 0 },
+    bottomOffset: { default: 0 },
+    virtualListProps: { default: void 0 },
+    scrollbar: { type: [Boolean, Object], default: !0 }
+  },
+  emits: ["scroll", "reach-bottom", "page-change", "page-size-change"],
+  setup(n, { expose: Z, emit: ee }) {
+    var J, K;
+    const l = n, y = ee, k = ye(), z = b(null), E = b(0), L = b(0), T = b(((J = l.paginationProps) == null ? void 0 : J.defaultCurrent) ?? 1), C = b(((K = l.paginationProps) == null ? void 0 : K.defaultPageSize) ?? 10), V = r(() => {
+      var e;
+      return ((e = l.paginationProps) == null ? void 0 : e.current) ?? T.value;
+    }), _ = r(() => {
+      var e;
+      return ((e = l.paginationProps) == null ? void 0 : e.pageSize) ?? C.value;
+    }), N = r(() => !!l.paginationProps), O = He(
+      "empty",
+      r(() => ({ component: "list" }))
+    ), te = r(() => [
+      "x-list",
+      `x-list--${l.size}`,
+      {
+        "x-list--bordered": l.bordered,
+        "x-list--split": l.split,
+        "x-list--hover": l.hoverable,
+        "x-list--scrollbar-hidden": l.scrollbar === !1
+      }
+    ]), oe = r(() => [
+      "x-list__content",
+      {
+        "x-list__content--virtual": $.value
+      }
+    ]), le = r(() => {
+      const e = l.gridProps;
+      if (!e) return {};
+      const { gutter: t, ...o } = e;
+      return o;
+    });
+    function j(e) {
+      if (!(e == null || e === "" || e === 0))
+        return typeof e == "number" ? `${e}px` : e;
+    }
+    function re(e) {
+      if (typeof e == "number") return e;
+      if (typeof e == "string") {
+        const t = e.trim().match(/^(\d+(?:\.\d+)?)px?$/);
+        if (t) return Number(t[1]);
+      }
+      return 0;
+    }
+    const ae = r(() => {
+      var a;
+      const e = {}, t = j((a = l.virtualListProps) == null ? void 0 : a.height), o = j(l.maxHeight);
+      if (t ? e.height = t : o && (e.maxHeight = o), Object.keys(e).length > 0)
+        return e.overflowY = "auto", e;
+    });
+    function ie(e) {
+      const t = [], o = (a) => {
+        if (a && a.type !== _e && !(a.type === Se && typeof a.children == "string" && a.children.trim() === "")) {
+          if (a.type === g && Array.isArray(a.children)) {
+            a.children.forEach((v) => {
+              S(v) && o(v);
+            });
+            return;
+          }
+          t.push(a);
+        }
+      };
+      return (e ?? []).forEach((a) => o(a)), t;
+    }
+    const R = r(() => {
+      var e;
+      return ie((e = k.default) == null ? void 0 : e.call(k));
+    }), P = r(() => R.value.length > 0 ? R.value : l.data.length > 0 ? l.data : l.dataSource.length > 0 ? l.dataSource : []), u = r(() => {
+      if (!N.value)
+        return P.value;
+      if (P.value.length > _.value) {
+        const e = Math.max(0, (V.value - 1) * _.value);
+        return P.value.slice(e, e + _.value);
+      }
+      return P.value;
+    }), se = r(() => {
+      var e;
+      return ((e = l.paginationProps) == null ? void 0 : e.total) ?? P.value.length;
+    }), $ = r(() => !!l.virtualListProps && !l.gridProps), X = r(() => {
+      var e;
+      return re(((e = l.virtualListProps) == null ? void 0 : e.height) ?? l.maxHeight);
+    }), ne = r(() => {
+      var e;
+      return ((e = l.virtualListProps) == null ? void 0 : e.threshold) ?? 0;
+    }), D = r(() => {
+      var e;
+      return ((e = l.virtualListProps) == null ? void 0 : e.buffer) ?? 10;
+    }), f = r(() => {
+      var e;
+      return ((e = l.virtualListProps) == null ? void 0 : e.estimatedSize) ?? 30;
+    }), d = r(() => !!($.value && X.value > 0 && u.value.length > ne.value && f.value > 0)), ue = r(() => d.value ? Math.ceil(X.value / f.value) + D.value * 3 : u.value.length), x = r(() => d.value ? Math.max(0, Math.floor(L.value / f.value) - D.value) : 0), A = r(() => d.value ? Math.min(u.value.length, x.value + ue.value) : u.value.length), ce = r(() => d.value ? u.value.slice(x.value, A.value) : u.value), G = r(() => d.value ? x.value * f.value : 0), U = r(() => d.value ? Math.max(0, (u.value.length - A.value) * f.value) : 0), F = r(() => u.value.length > 0), de = r(() => !F.value && !k["scroll-loading"]);
+    function w(e, t) {
+      if (S(e))
+        return e.key ?? t;
+      if (e && typeof e == "object") {
+        const o = e;
+        if (typeof o.key == "string" || typeof o.key == "number")
+          return o.key;
+        if (typeof o.id == "string" || typeof o.id == "number")
+          return o.id;
+      }
+      return t;
+    }
+    function fe(e) {
+      const t = e.target;
+      L.value = t.scrollTop;
+      const o = Math.floor(t.scrollHeight - (t.scrollTop + t.offsetHeight));
+      t.scrollTop > E.value && o <= l.bottomOffset && y("reach-bottom"), y("scroll", e), E.value = t.scrollTop;
+    }
+    function ve(e) {
+      T.value = e, y("page-change", e);
+    }
+    function pe(e) {
+      C.value = e, y("page-size-change", e);
+    }
+    function ge(e) {
+      return typeof e.index == "number" ? e.index : e.key === void 0 || e.key === null ? -1 : u.value.findIndex((t, o) => w(t, o) === e.key);
+    }
+    function he(e) {
+      if (!$.value) return;
+      const t = z.value;
+      if (!t) return;
+      const o = ge(e);
+      if (o < 0) return;
+      const a = e.align ?? "auto", v = o * f.value, H = v + f.value;
+      if (a === "top") {
+        t.scrollTop = v;
+        return;
+      }
+      if (a === "bottom") {
+        t.scrollTop = Math.max(0, H - t.clientHeight);
+        return;
+      }
+      v < t.scrollTop ? t.scrollTop = v : H > t.scrollTop + t.clientHeight && (t.scrollTop = H - t.clientHeight);
+    }
+    return Z({
+      scrollIntoView: he
+    }), Pe(() => {
+      xe(() => {
+        const e = z.value;
+        if (!e) return;
+        Math.floor(e.scrollHeight - (e.scrollTop + e.offsetHeight)) <= l.bottomOffset && y("reach-bottom");
+      });
+    }), (e, t) => (i(), s("div", Be, [
+      be(we, {
+        class: "x-list-spin",
+        loading: n.loading
+      }, {
+        default: B(() => [
+          c("div", {
+            ref_key: "listRef",
+            ref: z,
+            class: Y(te.value),
+            style: M(ae.value),
+            onScroll: fe
+          }, [
+            c("div", Me, [
+              e.$slots.header ? (i(), s("div", Ie, [
+                m(e.$slots, "header")
+              ])) : p("", !0),
+              c("div", {
+                role: "list",
+                class: Y(oe.value)
+              }, [
+                F.value ? (i(), s(g, { key: 0 }, [
+                  n.gridProps ? (i(), h(Te, {
+                    key: 0,
+                    class: "x-list-row",
+                    gutter: n.gridProps.gutter ?? 0
+                  }, {
+                    default: B(() => [
+                      (i(!0), s(g, null, q(u.value, (o, a) => (i(), h(Ce, ke({
+                        key: String(w(o, a)),
+                        class: "x-list-col"
+                      }, { ref_for: !0 }, le.value), {
+                        default: B(() => [
+                          S(o) ? (i(), h(I(o), { key: 0 })) : m(e.$slots, "item", {
+                            key: 1,
+                            item: o,
+                            index: a
+                          }, () => [
+                            c("div", Ee, [
+                              c("div", Le, [
+                                c("div", Ve, Q(o), 1)
+                              ])
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1040))), 128))
+                    ]),
+                    _: 3
+                  }, 8, ["gutter"])) : (i(), s(g, { key: 1 }, [
+                    G.value ? (i(), s("div", {
+                      key: 0,
+                      class: "x-list__spacer",
+                      style: M({ height: `${G.value}px` }),
+                      "aria-hidden": "true"
+                    }, null, 4)) : p("", !0),
+                    (i(!0), s(g, null, q(ce.value, (o, a) => (i(), s(g, {
+                      key: String(w(o, (d.value ? x.value : 0) + a))
+                    }, [
+                      S(o) ? (i(), h(I(o), { key: 0 })) : m(e.$slots, "item", {
+                        key: 1,
+                        item: o,
+                        index: (d.value ? x.value : 0) + a
+                      }, () => [
+                        c("div", Ne, [
+                          c("div", Oe, [
+                            c("div", je, Q(o), 1)
+                          ])
+                        ])
+                      ])
+                    ], 64))), 128)),
+                    U.value ? (i(), s("div", {
+                      key: 1,
+                      class: "x-list__spacer",
+                      style: M({ height: `${U.value}px` }),
+                      "aria-hidden": "true"
+                    }, null, 4)) : p("", !0)
+                  ], 64))
+                ], 64)) : de.value ? (i(), s(g, { key: 1 }, [
+                  e.$slots.empty ? m(e.$slots, "empty", { key: 0 }) : W(O) ? (i(), h(I(W(O)), { key: 1 })) : (i(), h(ze, {
+                    key: 2,
+                    "in-config-provider": ""
+                  }))
+                ], 64)) : p("", !0),
+                e.$slots["scroll-loading"] ? (i(), s("div", Re, [
+                  m(e.$slots, "scroll-loading")
+                ])) : p("", !0)
+              ], 2),
+              e.$slots.footer ? (i(), s("div", Xe, [
+                m(e.$slots, "footer")
+              ])) : p("", !0)
+            ])
+          ], 38),
+          N.value && n.paginationProps ? (i(), h($e, {
+            key: 0,
+            class: "x-list__pagination",
+            current: V.value,
+            total: se.value,
+            "page-size": _.value,
+            "page-size-options": n.paginationProps.pageSizeOptions,
+            "show-total": n.paginationProps.showTotal,
+            "show-jumper": n.paginationProps.showJumper,
+            "show-page-size": n.paginationProps.showPageSize,
+            simple: n.paginationProps.simple,
+            size: n.paginationProps.size,
+            "onUpdate:current": t[0] || (t[0] = (o) => T.value = o),
+            "onUpdate:pageSize": t[1] || (t[1] = (o) => C.value = o),
+            onChange: ve,
+            onPageSizeChange: pe
+          }, null, 8, ["current", "total", "page-size", "page-size-options", "show-total", "show-jumper", "show-page-size", "simple", "size"])) : p("", !0)
+        ]),
+        _: 3
+      }, 8, ["loading"])
+    ]));
+  }
+});
+export {
+  Ye as default
+};

package/dist/components/XList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XList.vue.js";
+export {
+  f as default
+};

package/dist/components/XListItem.vue.js

@@ -0,0 +1,53 @@
+import { defineComponent as x, useSlots as f, computed as _, Comment as k, Text as $, openBlock as t, createElementBlock as e, createElementVNode as d, renderSlot as c, Fragment as h, renderList as v, createBlock as y, resolveDynamicComponent as p, createCommentVNode as r } from "vue";
+const L = {
+  role: "listitem",
+  class: "x-list-item"
+}, C = { class: "x-list-item__main" }, g = { class: "x-list-item__content" }, z = {
+  key: 0,
+  class: "x-list-item__action"
+}, B = {
+  key: 0,
+  class: "x-list-item__action"
+}, N = {
+  key: 1,
+  class: "x-list-item__extra"
+}, S = /* @__PURE__ */ x({
+  __name: "XListItem",
+  props: {
+    actionLayout: { default: "horizontal" }
+  },
+  setup(m) {
+    const s = f(), l = _(() => {
+      var o;
+      return (((o = s.actions) == null ? void 0 : o.call(s)) ?? []).filter((i) => i.type !== k && !(i.type === $ && typeof i.children == "string" && i.children.trim() === ""));
+    }), u = _(() => l.value.length > 0);
+    return (o, i) => (t(), e("div", L, [
+      d("div", C, [
+        c(o.$slots, "meta"),
+        d("div", g, [
+          c(o.$slots, "default")
+        ]),
+        u.value && m.actionLayout === "vertical" ? (t(), e("ul", z, [
+          (t(!0), e(h, null, v(l.value, (n, a) => (t(), e("li", {
+            key: `x-list-item-action-vertical-${a}`
+          }, [
+            (t(), y(p(n)))
+          ]))), 128))
+        ])) : r("", !0)
+      ]),
+      u.value && m.actionLayout === "horizontal" ? (t(), e("ul", B, [
+        (t(!0), e(h, null, v(l.value, (n, a) => (t(), e("li", {
+          key: `x-list-item-action-horizontal-${a}`
+        }, [
+          (t(), y(p(n)))
+        ]))), 128))
+      ])) : r("", !0),
+      o.$slots.extra ? (t(), e("div", N, [
+        c(o.$slots, "extra")
+      ])) : r("", !0)
+    ]));
+  }
+});
+export {
+  S as default
+};

package/dist/components/XListItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XListItem.vue.js";
+export {
+  f as default
+};

package/dist/components/XListItemMeta.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as m, useSlots as u, computed as p, openBlock as s, createElementBlock as i, renderSlot as l, createCommentVNode as o, createTextVNode as d, toDisplayString as c } from "vue";
+const v = { class: "x-list-item-meta" }, _ = {
+  key: 0,
+  class: "x-list-item-meta__avatar"
+}, h = {
+  key: 1,
+  class: "x-list-item-meta__content"
+}, f = {
+  key: 0,
+  class: "x-list-item-meta__title"
+}, k = {
+  key: 1,
+  class: "x-list-item-meta__description"
+}, B = /* @__PURE__ */ m({
+  __name: "XListItemMeta",
+  props: {
+    title: { default: void 0 },
+    description: { default: void 0 }
+  },
+  setup(e) {
+    const a = e, n = u(), r = p(() => !!(a.title || a.description || n.title || n.description));
+    return (t, $) => (s(), i("div", v, [
+      t.$slots.avatar ? (s(), i("div", _, [
+        l(t.$slots, "avatar")
+      ])) : o("", !0),
+      r.value ? (s(), i("div", h, [
+        t.$slots.title || e.title ? (s(), i("div", f, [
+          l(t.$slots, "title", {}, () => [
+            d(c(e.title), 1)
+          ])
+        ])) : o("", !0),
+        t.$slots.description || e.description ? (s(), i("div", k, [
+          l(t.$slots, "description", {}, () => [
+            d(c(e.description), 1)
+          ])
+        ])) : o("", !0)
+      ])) : o("", !0)
+    ]));
+  }
+});
+export {
+  B as default
+};