@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XBreadcrumb.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as F, useSlots as L, ref as N, toRef as b, computed as f, cloneVNode as j, watchEffect as P, provide as $, openBlock as a, createElementBlock as i, Fragment as y, renderList as A, createBlock as C, resolveDynamicComponent as w, withCtx as H, renderSlot as D, toDisplayString as g, isVNode as G, Comment as I } from "vue";
+import M from "./XBreadcrumbItem.vue.js";
+import { xBreadcrumbInjectionKey as O } from "./x-breadcrumb-context.js";
+const T = {
+  role: "list",
+  class: "x-breadcrumb"
+}, U = { key: 0 }, V = ["href"], X = 1, K = 6, J = /* @__PURE__ */ F({
+  name: "XBreadcrumb",
+  __name: "XBreadcrumb",
+  props: {
+    maxCount: { default: 0 },
+    routes: { default: () => [] },
+    separator: { default: void 0 },
+    customUrl: { type: Function, default: void 0 }
+  },
+  setup(E) {
+    const l = E, s = L(), h = N(0), p = b(l, "maxCount"), x = b(l, "separator"), B = f(() => p.value > 0 && h.value > p.value + 1);
+    function S(o) {
+      const r = [], e = (n) => {
+        var c, d, u, k;
+        for (const t of n ?? [])
+          if (t) {
+            if (Array.isArray(t)) {
+              e(t);
+              continue;
+            }
+            if (G(t) && t.type !== I) {
+              if (t.type === y) {
+                Array.isArray(t.children) ? e(t.children) : t.children && typeof t.children == "object" && "default" in t.children && typeof t.children.default == "function" && e((d = (c = t.children).default) == null ? void 0 : d.call(c));
+                continue;
+              }
+              if (t.shapeFlag & X || t.shapeFlag & K) {
+                r.push(t);
+                continue;
+              }
+              Array.isArray(t.children) ? e(t.children) : t.children && typeof t.children == "object" && "default" in t.children && typeof t.children.default == "function" && e((k = (u = t.children).default) == null ? void 0 : k.call(u));
+            }
+          }
+      };
+      return e(o), r;
+    }
+    const m = f(() => {
+      var r;
+      return S((r = s.default) == null ? void 0 : r.call(s, {})).map((e, n) => j(e, { index: n }));
+    }), _ = f(() => !!s.default), v = f(() => {
+      const o = l.routes ?? [], r = [];
+      return o.map((e, n) => {
+        var u;
+        r.push((e.path ?? "").replace(/^\//, ""));
+        const c = [...r], d = ((u = l.customUrl) == null ? void 0 : u.call(l, c)) ?? `#/${c.join("/").replace(/^\//, "")}`;
+        return {
+          key: e.path || e.label || String(n),
+          route: e,
+          routes: o,
+          paths: c,
+          href: d,
+          index: n,
+          isLast: n === o.length - 1
+        };
+      });
+    });
+    return P(() => {
+      h.value = _.value ? m.value.length : v.value.length;
+    }), $(O, {
+      total: h,
+      maxCount: p,
+      separator: x,
+      needHide: B,
+      slots: s
+    }), (o, r) => (a(), i("div", T, [
+      _.value ? (a(!0), i(y, { key: 0 }, A(m.value, (e, n) => (a(), C(w(e), {
+        key: e.key ?? `breadcrumb-child-${n}`
+      }))), 128)) : (a(!0), i(y, { key: 1 }, A(v.value, (e) => (a(), C(M, {
+        key: e.key,
+        index: e.index,
+        droplist: e.route.children
+      }, {
+        default: H(() => [
+          D(o.$slots, "item-render", {
+            route: e.route,
+            routes: e.routes,
+            paths: e.paths
+          }, () => [
+            e.isLast ? (a(), i("span", U, g(e.route.label), 1)) : (a(), i("a", {
+              key: 1,
+              href: e.href
+            }, g(e.route.label), 9, V))
+          ])
+        ]),
+        _: 2
+      }, 1032, ["index", "droplist"]))), 128))
+    ]));
+  }
+});
+export {
+  J as default
+};

package/dist/components/XBreadcrumb.vue2.js

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

package/dist/components/XBreadcrumbItem.vue.d.ts

@@ -1,17 +1,32 @@
+import { VNode } from 'vue';
+type XBreadcrumbDroplist = Array<{
+    label: string;
+    path: string;
+}>;
+type XBreadcrumbItemSlots = {
+    default?: (_: Record<string, never>) => VNode[];
+    separator?: (_: Record<string, never>) => VNode[];
+    droplist?: (_: Record<string, never>) => VNode[];
+};
 type __VLS_Props = {
-    href?: string;
+    separator?: string | number;
+    droplist?: XBreadcrumbDroplist;
+    dropdownProps?: Record<string, unknown>;
+    index?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
+    slots: Readonly<XBreadcrumbItemSlots> & XBreadcrumbItemSlots;
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    separator: string | number;
+    index: number;
+    droplist: XBreadcrumbDroplist;
+    dropdownProps: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/XBreadcrumbItem.vue.js

@@ -0,0 +1,136 @@
+import { defineComponent as I, useAttrs as K, useSlots as L, inject as O, ref as T, computed as a, openBlock as s, createElementBlock as p, Fragment as m, createBlock as r, mergeProps as f, withCtx as h, createElementVNode as P, unref as l, renderSlot as b, normalizeClass as q, createVNode as G, renderList as J, createTextVNode as x, toDisplayString as D, createCommentVNode as X } from "vue";
+import Q from "./XDropdown.vue.js";
+import U from "./XDoption.vue.js";
+import y from "./XIcon.js";
+import { xBreadcrumbInjectionKey as W } from "./x-breadcrumb-context.js";
+const Y = ["aria-label"], Z = ["aria-label"], C = {
+  key: 2,
+  "aria-hidden": "true",
+  class: "x-breadcrumb-item-separator"
+}, re = /* @__PURE__ */ I({
+  name: "XBreadcrumbItem",
+  inheritAttrs: !1,
+  __name: "XBreadcrumbItem",
+  props: {
+    separator: { default: void 0 },
+    droplist: { default: void 0 },
+    dropdownProps: { default: void 0 },
+    index: { default: 0 }
+  },
+  setup(k) {
+    const u = I({
+      name: "XBreadcrumbRenderNodes",
+      props: {
+        nodes: {
+          type: Array,
+          default: () => []
+        }
+      },
+      setup(o) {
+        return () => o.nodes;
+      }
+    }), n = k, _ = K(), t = L(), e = O(W, null), v = T(!1), w = a(() => {
+      var o;
+      return !!((o = n.droplist) != null && o.length) || !!t.droplist;
+    }), $ = a(() => !!t.separator), z = a(() => !!(e != null && e.slots.separator)), g = a(() => !!(e != null && e.slots["more-icon"])), A = a(() => {
+      var o;
+      return ((o = t.separator) == null ? void 0 : o.call(t, {})) ?? [];
+    }), M = a(() => {
+      var o, d;
+      return ((d = e == null ? void 0 : (o = e.slots).separator) == null ? void 0 : d.call(o)) ?? [];
+    }), B = a(() => {
+      var o, d;
+      return ((d = e == null ? void 0 : (o = e.slots)["more-icon"]) == null ? void 0 : d.call(o)) ?? [];
+    }), N = a(() => {
+      var o;
+      return ((o = t.droplist) == null ? void 0 : o.call(t, {})) ?? [];
+    }), j = a(() => !(e != null && e.needHide.value && n.index > 1 && n.index <= e.total.value - e.maxCount.value)), i = a(() => e != null && e.needHide.value ? n.index === 1 : !1), S = a(() => e ? n.index < e.total.value - 1 : !0), E = a(() => n.separator ?? (e == null ? void 0 : e.separator.value) ?? "/"), V = a(() => [
+      "x-breadcrumb-item",
+      {
+        "x-breadcrumb-item-with-dropdown": w.value,
+        "x-breadcrumb-item-is-last": !S.value
+      }
+    ]), H = a(() => [
+      "x-breadcrumb-item-dropdown-icon",
+      {
+        "x-breadcrumb-item-dropdown-icon-active": v.value
+      }
+    ]), R = a(() => n.droplist ?? []);
+    function F(o) {
+      v.value = o;
+    }
+    return (o, d) => j.value ? (s(), p(m, { key: 0 }, [
+      w.value ? (s(), r(Q, f({ key: 0 }, k.dropdownProps ?? {}, {
+        "popup-visible": v.value,
+        onPopupVisibleChange: F
+      }), {
+        content: h(() => [
+          N.value.length > 0 ? (s(), r(l(u), {
+            key: 0,
+            nodes: N.value
+          }, null, 8, ["nodes"])) : (s(!0), p(m, { key: 1 }, J(R.value, (c) => (s(), r(U, {
+            key: c.path || c.label,
+            value: c.path
+          }, {
+            default: h(() => [
+              x(D(c.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["value"]))), 128))
+        ]),
+        default: h(() => [
+          P("div", f({
+            role: "listitem",
+            class: V.value,
+            "aria-label": i.value ? "ellipses of breadcrumb items" : void 0
+          }, l(_)), [
+            i.value && g.value ? (s(), r(l(u), {
+              key: 0,
+              nodes: B.value
+            }, null, 8, ["nodes"])) : i.value ? (s(), r(l(y), {
+              key: 1,
+              name: "gengduo"
+            })) : b(o.$slots, "default", { key: 2 }),
+            P("span", {
+              "aria-hidden": "true",
+              class: q(H.value)
+            }, [
+              G(l(y), {
+                name: "xiangxia",
+                size: 12
+              })
+            ], 2)
+          ], 16, Y)
+        ]),
+        _: 3
+      }, 16, ["popup-visible"])) : (s(), p("div", f({
+        key: 1,
+        role: "listitem",
+        class: V.value,
+        "aria-label": i.value ? "ellipses of breadcrumb items" : void 0
+      }, l(_)), [
+        i.value && g.value ? (s(), r(l(u), {
+          key: 0,
+          nodes: B.value
+        }, null, 8, ["nodes"])) : i.value ? (s(), r(l(y), {
+          key: 1,
+          name: "gengduo"
+        })) : b(o.$slots, "default", { key: 2 })
+      ], 16, Z)),
+      S.value ? (s(), p("div", C, [
+        $.value ? (s(), r(l(u), {
+          key: 0,
+          nodes: A.value
+        }, null, 8, ["nodes"])) : z.value ? (s(), r(l(u), {
+          key: 1,
+          nodes: M.value
+        }, null, 8, ["nodes"])) : (s(), p(m, { key: 2 }, [
+          x(D(E.value), 1)
+        ], 64))
+      ])) : X("", !0)
+    ], 64)) : X("", !0);
+  }
+});
+export {
+  re as default
+};

package/dist/components/XBreadcrumbItem.vue2.js

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

package/dist/components/XButton.vue.d.ts

@@ -42,16 +42,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    disabled: boolean;
     circle: boolean;
+    size: ButtonSize;
+    disabled: boolean;
+    icon: string;
     round: boolean;
     dashed: boolean;
     block: boolean;
-    size: ButtonSize;
-    icon: string;
+    plain: boolean;
     shape: ButtonShape;
     status: ButtonStatus;
-    plain: boolean;
     variant: ButtonVariant;
     loading: boolean;
     long: boolean;

package/dist/components/XButton.vue.js

@@ -0,0 +1,7 @@
+import o from "./XButton.vue2.js";
+/* empty css             */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c41d7083"]]);
+export {
+  _ as default
+};

package/dist/components/XButton.vue2.js

@@ -0,0 +1,142 @@
+import { defineComponent as E, useSlots as N, inject as R, computed as a, openBlock as c, createElementBlock as f, normalizeStyle as C, normalizeClass as J, createBlock as k, unref as $, createCommentVNode as m, renderSlot as x } from "vue";
+import { useXConfig as K } from "../composables/config.js";
+import S from "./XIcon.js";
+const L = ["type", "disabled"], O = {
+  key: 0,
+  class: "x-button__spinner"
+}, Q = {
+  key: 2,
+  class: "x-button__content"
+}, Z = /* @__PURE__ */ E({
+  __name: "XButton",
+  props: {
+    type: {},
+    shape: { default: "square" },
+    status: { default: "normal" },
+    size: { default: void 0 },
+    variant: { default: "solid" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    long: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    circle: { type: Boolean, default: !1 },
+    dashed: { type: Boolean, default: !1 },
+    plain: { type: Boolean, default: !1 },
+    multicolor: { type: [Boolean, Array], default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    htmlType: { default: "button" },
+    icon: { default: void 0 },
+    iconPosition: { default: "left" }
+  },
+  emits: ["click"],
+  setup(i, { emit: z }) {
+    const I = {
+      dashed: "dashed",
+      outline: "outline",
+      text: "text",
+      link: "link"
+    }, t = i, T = z, v = N(), M = K(), l = R("buttonGroupContext", null), g = a(() => t.type ?? (l == null ? void 0 : l.type) ?? "secondary");
+    a(() => !t.type && !!(l != null && l.isInGroup));
+    const h = a(() => {
+      const e = g.value;
+      return e === "secondary" || e === "dashed" || e === "outline" || e === "text" || e === "link" ? "default" : e;
+    }), y = a(() => t.status ?? (l == null ? void 0 : l.status) ?? "normal"), b = a(() => t.circle ? "circle" : t.round ? "round" : t.shape ?? (l == null ? void 0 : l.shape) ?? "square"), A = a(() => {
+      var e;
+      return t.size ?? ((e = l == null ? void 0 : l.size) == null ? void 0 : e.value) ?? M.size.value;
+    }), P = a(() => `x-size-${A.value}`), d = a(() => t.disabled || ((l == null ? void 0 : l.disabled) ?? !1)), V = a(() => {
+      if (t.plain) return "plain";
+      if (t.dashed) return "dashed";
+      if (t.variant !== "solid") return t.variant;
+      const e = I[g.value];
+      return e || t.variant;
+    }), D = a(() => b.value === "circle" ? "is-circle" : b.value === "round" ? "is-round" : ""), p = a(() => !!t.icon || !!v.icon), G = a(() => !!v.default), s = a(
+      () => Array.isArray(t.multicolor) ? t.multicolor.map((e) => String(e ?? "").trim()).filter((e) => e.length > 0) : []
+    ), B = a(() => t.multicolor === !0 || s.value.length > 0);
+    function X(e) {
+      if (e.length === 0)
+        return "linear-gradient(120deg, #63d6ff 0%, #7e84ff 32%, #c966ff 66%, #63d6ff 100%)";
+      if (e.length === 1)
+        return `linear-gradient(120deg, ${e[0]} 0%, ${e[0]} 100%)`;
+      const n = 100 / (e.length - 1);
+      return `linear-gradient(120deg, ${e.map((r, u) => `${r} ${(u * n).toFixed(2)}%`).join(", ")})`;
+    }
+    function _(e) {
+      const n = e.replace("#", "").trim();
+      if (!/^[\da-fA-F]+$/.test(n))
+        return null;
+      if (n.length === 3 || n.length === 4) {
+        const o = parseInt(n[0] + n[0], 16), r = parseInt(n[1] + n[1], 16), u = parseInt(n[2] + n[2], 16);
+        return { r: o, g: r, b: u };
+      }
+      if (n.length === 6 || n.length === 8) {
+        const o = parseInt(n.slice(0, 2), 16), r = parseInt(n.slice(2, 4), 16), u = parseInt(n.slice(4, 6), 16);
+        return { r: o, g: r, b: u };
+      }
+      return null;
+    }
+    function j(e) {
+      const n = e[Math.floor(e.length / 2)] ?? "", o = _(n);
+      return o ? `rgba(${o.r}, ${o.g}, ${o.b}, 0.14)` : "#f3ecff";
+    }
+    const q = a(() => {
+      if (!B.value || s.value.length === 0)
+        return;
+      const e = X(s.value), n = j(s.value), o = s.value[s.value.length - 1];
+      return {
+        "--x-button-multicolor-gradient": e,
+        "--x-button-multicolor-hover-bg": n,
+        "--x-button-multicolor-icon-color": o
+      };
+    }), F = a(() => t.block || t.long), H = a(() => [
+      "x-button",
+      `x-button--${h.value}`,
+      h.value === "default" ? "x-button--secondary" : "",
+      `x-button--${V.value}`,
+      D.value,
+      {
+        "is-loading": t.loading,
+        "is-disabled": d.value,
+        [`x-button--status-${y.value}`]: y.value !== "normal",
+        "x-button--multicolor": B.value,
+        "is-block": F.value,
+        "is-ghost": t.ghost,
+        "has-icon": p.value,
+        "icon-only": p.value && !G.value
+      },
+      P.value
+    ]);
+    function w(e) {
+      if (d.value || t.loading) {
+        e.preventDefault();
+        return;
+      }
+      T("click", e);
+    }
+    return (e, n) => (c(), f("button", {
+      type: i.htmlType,
+      class: J(H.value),
+      style: C(q.value),
+      disabled: d.value || i.loading,
+      onClick: w
+    }, [
+      i.loading ? (c(), f("span", O)) : i.icon && i.iconPosition === "left" ? (c(), k($(S), {
+        key: 1,
+        name: i.icon,
+        class: "x-button__icon x-button__icon--left"
+      }, null, 8, ["name"])) : m("", !0),
+      x(e.$slots, "icon", {}, void 0, !0),
+      e.$slots.default ? (c(), f("span", Q, [
+        x(e.$slots, "default", {}, void 0, !0)
+      ])) : m("", !0),
+      i.icon && i.iconPosition === "right" ? (c(), k($(S), {
+        key: 3,
+        name: i.icon,
+        class: "x-button__icon x-button__icon--right"
+      }, null, 8, ["name"])) : m("", !0)
+    ], 14, L));
+  }
+});
+export {
+  Z as default
+};

package/dist/components/XButtonG.vue.d.ts

@@ -28,11 +28,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    disabled: boolean;
     circle: boolean;
+    size: ButtonSize;
+    disabled: boolean;
     round: boolean;
     block: boolean;
-    size: ButtonSize;
     variant: ButtonVariant;
     loading: boolean;
     long: boolean;

package/dist/components/XButtonG.vue.js

@@ -0,0 +1,7 @@
+import o from "./XButtonG.vue2.js";
+/* empty css              */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-42797490"]]);
+export {
+  _ as default
+};

package/dist/components/XButtonG.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as x, useSlots as C, computed as t, openBlock as l, createElementBlock as s, normalizeClass as p, toDisplayString as u, createCommentVNode as i, renderSlot as d } from "vue";
+import { useXConfig as z } from "../composables/config.js";
+const _ = ["disabled"], S = {
+  key: 0,
+  class: "x-button-g__spinner"
+}, $ = {
+  key: 1,
+  class: "x-button-g__icon x-button-g__icon--left"
+}, D = {
+  key: 2,
+  class: "x-button-g__content"
+}, P = {
+  key: 3,
+  class: "x-button-g__icon x-button-g__icon--right"
+}, I = /* @__PURE__ */ x({
+  __name: "XButtonG",
+  props: {
+    variant: { default: "solid" },
+    size: { default: void 0 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    circle: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    long: { type: Boolean, default: !1 },
+    icon: {},
+    iconPosition: { default: "left" }
+  },
+  emits: ["click"],
+  setup(o, { emit: r }) {
+    const e = o, f = r, a = C(), g = z(), b = t(() => e.size ?? g.size.value), m = t(() => `x-size-${b.value}`), c = t(() => !!e.icon || !!a.icon), k = t(() => !!a.default), v = t(() => e.block || e.long), h = t(() => e.circle ? "is-circle" : e.round ? "is-round" : ""), B = t(() => [
+      "x-button-g",
+      `x-button-g--${e.variant}`,
+      h.value,
+      {
+        "is-loading": e.loading,
+        "is-disabled": e.disabled,
+        "is-block": v.value,
+        "has-icon": c.value,
+        "icon-only": c.value && !k.value
+      },
+      m.value
+    ]);
+    function y(n) {
+      if (e.disabled || e.loading) {
+        n.preventDefault();
+        return;
+      }
+      f("click", n);
+    }
+    return (n, X) => (l(), s("button", {
+      class: p(B.value),
+      disabled: o.disabled || o.loading,
+      onClick: y
+    }, [
+      o.loading ? (l(), s("span", S)) : o.icon && o.iconPosition === "left" ? (l(), s("span", $, u(o.icon), 1)) : i("", !0),
+      d(n.$slots, "icon", {}, void 0, !0),
+      n.$slots.default ? (l(), s("span", D, [
+        d(n.$slots, "default", {}, void 0, !0)
+      ])) : i("", !0),
+      o.icon && o.iconPosition === "right" ? (l(), s("span", P, u(o.icon), 1)) : i("", !0)
+    ], 10, _));
+  }
+});
+export {
+  I as default
+};

package/dist/components/XButtonGroup.vue.d.ts

@@ -20,8 +20,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    disabled: boolean;
     type: ButtonType;
+    disabled: boolean;
     shape: ButtonShape;
     status: ButtonStatus;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/XButtonGroup.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, computed as s, provide as p, openBlock as i, createElementBlock as d, normalizeClass as c, renderSlot as m } from "vue";
+import { useXConfig as f } from "../composables/config.js";
+const h = /* @__PURE__ */ n({
+  __name: "XButtonGroup",
+  props: {
+    type: { default: "secondary" },
+    status: { default: "normal" },
+    size: {},
+    shape: { default: "square" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const e = o, a = f(), t = s(() => e.size ?? a.size.value), u = s(() => `x-size-${t.value}`), r = s(() => [
+      "x-button-group",
+      `x-button-group--${e.type}`,
+      e.status !== "normal" ? `x-button-group--status-${e.status}` : "",
+      e.disabled ? "is-disabled" : "",
+      e.shape === "round" ? "is-round" : "",
+      e.shape === "circle" ? "is-circle" : "",
+      u.value
+    ]);
+    return p("buttonGroupContext", {
+      type: e.type,
+      status: e.status,
+      size: t,
+      disabled: e.disabled,
+      shape: e.shape,
+      isInGroup: !0
+    }), (l, b) => (i(), d("div", {
+      class: c(r.value),
+      role: "group"
+    }, [
+      m(l.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  h as default
+};

package/dist/components/XButtonGroup.vue3.js

@@ -0,0 +1,5 @@
+import o from "./XButtonGroup.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

package/dist/components/XCalendar.vue.d.ts

@@ -28,6 +28,9 @@ declare function __VLS_template(): {
         'date-cell'?(_: {
             cell: CalendarCell;
         }): any;
+        'date-extra'?(_: {
+            cell: CalendarCell;
+        }): any;
         'month-cell'?(_: {
             cell: CalendarCell;
         }): any;
@@ -39,11 +42,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: CalendarValue) => any;
     "update:modelValue": (value: CalendarValue) => any;
-    panelChange: (value: string, mode: "year" | "month") => any;
+    panelChange: (value: string, mode: "month" | "year") => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((value: CalendarValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CalendarValue) => any) | undefined;
-    onPanelChange?: ((value: string, mode: "year" | "month") => any) | undefined;
+    onPanelChange?: ((value: string, mode: "month" | "year") => any) | undefined;
 }>, {
     mode: "month" | "year";
     modelValue: CalendarValue;