@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XColorGroup.vue2.js

@@ -0,0 +1,306 @@
+import { defineComponent as ce, useSlots as de, ref as b, computed as c, watch as M, onBeforeUnmount as pe, openBlock as v, createElementBlock as g, normalizeClass as j, createElementVNode as n, normalizeStyle as H, toDisplayString as k, unref as P, createVNode as C, withCtx as q, withKeys as f, withModifiers as d, createCommentVNode as J, Fragment as Q, renderList as ve, renderSlot as ge, isVNode as fe } from "vue";
+import N from "./XIcon.js";
+import me from "./XTrigger.vue.js";
+import { useXI18n as _e } from "../composables/i18n.js";
+const be = ["disabled"], xe = {
+  key: 0,
+  class: "x-color-group__panel"
+}, he = { class: "x-color-group__css-line" }, ye = { class: "x-color-group__toolbar" }, we = { class: "x-color-group__toolbar-angle" }, ke = { class: "x-color-group__toolbar-angle-title" }, Pe = ["disabled"], Ce = ["aria-valuenow", "aria-disabled"], $e = {
+  class: "x-color-group__dial-svg",
+  viewBox: "0 0 100 100",
+  "aria-hidden": "true"
+}, Ve = ["x1", "y1", "x2", "y2"], Ae = ["cx", "cy"], Le = ["cx", "cy"], Ee = ["aria-disabled", "onKeydown"], De = { class: "x-color-group__list" }, Me = { class: "x-color-group__swatch" }, Ne = ["value", "disabled", "onInput"], ze = { class: "x-color-group__item-color" }, Be = { class: "x-color-group__item-right" }, Ie = { class: "x-color-group__percent-wrap" }, Se = ["value", "disabled", "onInput"], Fe = ["disabled", "onClick"], Xe = { class: "x-color-group__slot-hidden" }, Ye = /* @__PURE__ */ ce({
+  __name: "XColorGroup",
+  props: {
+    modelValue: { default: "" },
+    plus: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    angle: { default: 278 },
+    max: { default: 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(i, { emit: W }) {
+    const x = ["rgba(255,218,254,1)", "rgba(242,218,255,1)"], s = i, z = W, { t: Z } = _e(), $ = de(), m = b(!1), B = b(!1), h = b(s.angle), a = b([]), V = b(!1);
+    let _ = null;
+    function A(t, e) {
+      t.forEach((o) => {
+        if (!fe(o)) return;
+        if (o.type === Q && Array.isArray(o.children)) {
+          A(o.children, e);
+          return;
+        }
+        const l = o.props, r = l == null ? void 0 : l.modelValue;
+        typeof r == "string" && r.trim() && e.push(r.trim()), Array.isArray(o.children) && A(o.children, e);
+      });
+    }
+    const ee = c(() => {
+      var o;
+      const t = ((o = $.default) == null ? void 0 : o.call($, {})) ?? [], e = [];
+      return A(t, e), e;
+    });
+    function L(t) {
+      let e = t % 360;
+      return e < 0 && (e += 360), Number(e.toFixed(2));
+    }
+    const u = c(() => L(h.value));
+    function y(t, e) {
+      const o = (t - 90) * Math.PI / 180;
+      return {
+        x: 50 + Math.cos(o) * e,
+        y: 50 + Math.sin(o) * e
+      };
+    }
+    const I = c(() => y(u.value, 32)), S = c(() => y(u.value + 180, 32)), F = c(() => y(u.value, 28)), X = c(() => y(u.value + 180, 28));
+    function O(t) {
+      const e = Number(t);
+      return !Number.isFinite(e) || e < 0 ? 0 : e > 100 ? 100 : Number(e.toFixed(2));
+    }
+    function T(t) {
+      if (t <= 1) return [100];
+      const e = 100 / (t - 1);
+      return Array.from({ length: t }, (o, l) => Number((l * e).toFixed(2)));
+    }
+    function K() {
+      const t = T(a.value.length);
+      a.value = a.value.map((e, o) => ({ ...e, percent: t[o] ?? 0 }));
+    }
+    M(
+      ee,
+      (t) => {
+        if (a.value.length > 0) return;
+        const e = t.length >= 2 ? t : [...x], o = T(e.length);
+        a.value = e.map((l, r) => ({ color: l, percent: o[r] ?? 0 }));
+      },
+      { immediate: !0 }
+    );
+    const E = c(() => {
+      if (a.value.length === 0) {
+        const e = `${x[0]} 0%, ${x[1]} 100%`;
+        return `linear-gradient(${u.value}deg, ${e})`;
+      }
+      const t = a.value.map((e) => `${e.color} ${O(e.percent)}%`).join(", ");
+      return `linear-gradient(${u.value}deg, ${t})`;
+    }), U = c(() => !s.plus || s.disabled ? !1 : s.max <= 0 ? !0 : a.value.length < s.max);
+    function te() {
+      s.disabled || (m.value = !m.value);
+    }
+    function Y(t) {
+      s.disabled && t || (B.value = t, t || p());
+    }
+    function D() {
+      var e;
+      if (!U.value) return;
+      const t = ((e = a.value[a.value.length - 1]) == null ? void 0 : e.color) ?? x[1];
+      a.value = [...a.value, { color: t, percent: 100 }], K();
+    }
+    function oe(t) {
+      s.disabled || a.value.length <= 2 || (a.value = a.value.filter((e, o) => o !== t), K());
+    }
+    function le(t, e) {
+      const o = e.target.value, l = [...a.value];
+      l[t] = { ...l[t], color: o }, a.value = l;
+    }
+    function ne(t, e) {
+      const o = e.target.value, l = [...a.value];
+      l[t] = { ...l[t], percent: O(o) }, a.value = l;
+    }
+    function G(t, e, o) {
+      const l = o.getBoundingClientRect(), r = t - l.left, re = e - l.top, ie = l.width / 2, se = l.height / 2, ue = Math.atan2(re - se, r - ie) * 180 / Math.PI + 90;
+      h.value = L(ue);
+    }
+    function R(t) {
+      !V.value || !_ || G(t.clientX, t.clientY, _);
+    }
+    function p() {
+      V.value = !1, _ = null, window.removeEventListener("pointermove", R), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p);
+    }
+    function ae(t) {
+      s.disabled || (_ = t.currentTarget, V.value = !0, G(t.clientX, t.clientY, _), window.addEventListener("pointermove", R), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p));
+    }
+    function w(t) {
+      s.disabled || (h.value = L(h.value + t));
+    }
+    return M(
+      E,
+      (t) => {
+        z("update:modelValue", t), z("change", t);
+      },
+      { immediate: !0 }
+    ), M(m, (t) => {
+      t || Y(!1);
+    }), pe(() => {
+      p();
+    }), (t, e) => (v(), g("div", {
+      class: j(["x-color-group", { "is-disabled": i.disabled, "is-open": m.value }])
+    }, [
+      n("button", {
+        type: "button",
+        class: "x-color-group__summary",
+        disabled: i.disabled,
+        onClick: te
+      }, [
+        n("div", {
+          class: "x-color-group__summary-preview",
+          style: H({ background: E.value })
+        }, null, 4)
+      ], 8, be),
+      m.value ? (v(), g("div", xe, [
+        n("div", he, k(E.value), 1),
+        n("div", ye, [
+          n("div", we, [
+            n("span", ke, k(P(Z)("colorGroup.angle", void 0, "角度")), 1),
+            C(me, {
+              trigger: "click",
+              position: "bottom-start",
+              offset: 6,
+              "show-arrow": !1,
+              "popup-visible": B.value,
+              disabled: i.disabled,
+              "unmount-on-close": !1,
+              "content-class": "x-color-group__dial-popup",
+              "onUpdate:popupVisible": Y
+            }, {
+              content: q(() => [
+                n("div", {
+                  class: j(["x-color-group__dial", { "is-disabled": i.disabled }]),
+                  role: "slider",
+                  tabindex: "0",
+                  "aria-valuemin": 0,
+                  "aria-valuemax": 360,
+                  "aria-valuenow": Math.round(u.value),
+                  "aria-disabled": i.disabled ? "true" : "false",
+                  onPointerdown: d(ae, ["prevent"]),
+                  onKeydown: [
+                    e[0] || (e[0] = f(d((o) => w(-1), ["prevent"]), ["left"])),
+                    e[1] || (e[1] = f(d((o) => w(1), ["prevent"]), ["right"])),
+                    e[2] || (e[2] = f(d((o) => w(5), ["prevent"]), ["up"])),
+                    e[3] || (e[3] = f(d((o) => w(-5), ["prevent"]), ["down"]))
+                  ]
+                }, [
+                  (v(), g("svg", $e, [
+                    e[4] || (e[4] = n("line", {
+                      x1: "18",
+                      y1: "50",
+                      x2: "82",
+                      y2: "50",
+                      class: "x-color-group__dial-grid"
+                    }, null, -1)),
+                    n("line", {
+                      x1: F.value.x,
+                      y1: F.value.y,
+                      x2: X.value.x,
+                      y2: X.value.y,
+                      class: "x-color-group__dial-axis"
+                    }, null, 8, Ve),
+                    e[5] || (e[5] = n("circle", {
+                      cx: "50",
+                      cy: "50",
+                      r: "32",
+                      class: "x-color-group__dial-ring"
+                    }, null, -1)),
+                    n("circle", {
+                      cx: S.value.x,
+                      cy: S.value.y,
+                      r: "6",
+                      class: "x-color-group__dial-dot-back"
+                    }, null, 8, Ae),
+                    n("circle", {
+                      cx: I.value.x,
+                      cy: I.value.y,
+                      r: "6",
+                      class: "x-color-group__dial-dot-front"
+                    }, null, 8, Le)
+                  ]))
+                ], 42, Ce)
+              ]),
+              default: q(() => [
+                n("button", {
+                  type: "button",
+                  class: "x-color-group__angle-button",
+                  disabled: i.disabled
+                }, [
+                  n("span", null, k(Math.round(u.value)) + "deg", 1),
+                  C(P(N), {
+                    name: "xiangxia",
+                    size: 10
+                  })
+                ], 8, Pe)
+              ]),
+              _: 1
+            }, 8, ["popup-visible", "disabled"])
+          ]),
+          U.value ? (v(), g("span", {
+            key: 0,
+            class: "x-color-group__toolbar-plus",
+            role: "button",
+            tabindex: "0",
+            "aria-disabled": i.disabled ? "true" : "false",
+            onClick: D,
+            onKeydown: [
+              f(d(D, ["prevent"]), ["enter"]),
+              f(d(D, ["prevent"]), ["space"])
+            ]
+          }, [
+            C(P(N), {
+              name: "checkbox-plus",
+              size: 14
+            })
+          ], 40, Ee)) : J("", !0)
+        ]),
+        n("div", De, [
+          (v(!0), g(Q, null, ve(a.value, (o, l) => (v(), g("div", {
+            key: `stop-${l}`,
+            class: "x-color-group__item"
+          }, [
+            n("label", Me, [
+              n("input", {
+                type: "color",
+                class: "x-color-group__swatch-input",
+                value: o.color,
+                disabled: i.disabled,
+                onInput: (r) => le(l, r)
+              }, null, 40, Ne),
+              n("span", {
+                class: "x-color-group__swatch-block",
+                style: H({ background: o.color })
+              }, null, 4)
+            ]),
+            n("span", ze, k(o.color), 1),
+            n("div", Be, [
+              n("label", Ie, [
+                n("input", {
+                  type: "number",
+                  min: "0",
+                  max: "100",
+                  step: "0.01",
+                  class: "x-color-group__item-percent",
+                  value: o.percent,
+                  disabled: i.disabled,
+                  onInput: (r) => ne(l, r)
+                }, null, 40, Se),
+                e[6] || (e[6] = n("span", null, "%", -1)),
+                n("button", {
+                  type: "button",
+                  class: "x-color-group__item-remove",
+                  disabled: i.disabled || a.value.length <= 2,
+                  onClick: (r) => oe(l)
+                }, [
+                  C(P(N), {
+                    name: "guanbi",
+                    size: 10
+                  })
+                ], 8, Fe)
+              ])
+            ])
+          ]))), 128))
+        ])
+      ])) : J("", !0),
+      n("div", Xe, [
+        ge(t.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  Ye as default
+};

package/dist/components/XColorPicker.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as h, ref as x, computed as p, openBlock as u, createElementBlock as f, normalizeClass as D, createElementVNode as m, unref as r, createVNode as V, createCommentVNode as g, toDisplayString as _ } from "vue";
+import C from "./XIcon.js";
+import { useXI18n as P } from "../composables/i18n.js";
+const E = ["value", "disabled"], B = ["disabled", "aria-label", "title"], I = { class: "x-color-picker__value" }, z = /* @__PURE__ */ h({
+  __name: "XColorPicker",
+  props: {
+    modelValue: { default: "#409eff" },
+    disabled: { type: Boolean },
+    dropper: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: k }) {
+    const v = e, t = k, { t: l } = P(), a = x(!1), d = p(() => typeof window > "u" ? !1 : !!window.EyeDropper && window.isSecureContext), s = p(() => v.disabled || !d.value || a.value);
+    function y(n) {
+      const o = n.target.value;
+      t("update:modelValue", o), t("change", o);
+    }
+    async function w() {
+      if (s.value || typeof window > "u") return;
+      const o = window.EyeDropper;
+      if (o) {
+        a.value = !0;
+        try {
+          const c = await new o().open(), i = c == null ? void 0 : c.sRGBHex;
+          typeof i == "string" && i.trim() && (t("update:modelValue", i), t("change", i));
+        } catch {
+        } finally {
+          a.value = !1;
+        }
+      }
+    }
+    return (n, o) => (u(), f("label", {
+      class: D(["x-color-picker", { "is-disabled": e.disabled }])
+    }, [
+      m("input", {
+        class: "x-color-picker__native",
+        type: "color",
+        value: e.modelValue,
+        disabled: e.disabled,
+        onInput: y
+      }, null, 40, E),
+      e.dropper ? (u(), f("button", {
+        key: 0,
+        type: "button",
+        class: "x-color-picker__dropper x-color-dropper x-color-d",
+        disabled: s.value,
+        "aria-label": a.value ? r(l)("colorPicker.picking", void 0, "正在吸取颜色") : r(l)("colorPicker.pickScreen", void 0, "吸取屏幕颜色"),
+        title: d.value ? r(l)("colorPicker.dropper", void 0, "吸管取色") : r(l)("colorPicker.unsupported", void 0, "当前浏览器不支持吸管取色"),
+        onClick: w
+      }, [
+        V(r(C), {
+          name: "dropper",
+          size: 18
+        })
+      ], 8, B)) : g("", !0),
+      m("span", I, _(e.modelValue), 1)
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/dist/components/XColorPicker.vue2.js

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

package/dist/components/XComment.vue.js

@@ -0,0 +1,129 @@
+import { defineComponent as p, useSlots as I, computed as r, openBlock as e, createElementBlock as n, createElementVNode as d, renderSlot as u, toDisplayString as m, createTextVNode as h, createCommentVNode as l, Fragment as f, createBlock as S, unref as N, renderList as T, createVNode as R, Comment as W } from "vue";
+const D = { class: "x-comment" }, F = { class: "x-comment__avatar" }, H = ["src", "alt"], L = {
+  key: 1,
+  class: "x-comment__avatar-text"
+}, U = { class: "x-comment__body" }, j = {
+  key: 0,
+  class: "x-comment__header"
+}, q = {
+  key: 0,
+  class: "x-comment__author"
+}, w = {
+  key: 1,
+  class: "x-comment__datetime"
+}, z = { class: "x-comment__content" }, G = {
+  key: 1,
+  class: "x-comment__actions"
+}, J = {
+  key: 2,
+  class: "x-comment__children"
+}, M = /* @__PURE__ */ p({
+  __name: "XComment",
+  props: {
+    author: { default: "" },
+    avatar: { default: "" },
+    datetime: { default: "" },
+    content: { default: "" },
+    actions: { default: () => [] }
+  },
+  setup(a) {
+    const c = a, i = I(), v = p({
+      name: "XCommentRenderNodes",
+      props: {
+        nodes: {
+          type: Array,
+          default: () => []
+        }
+      },
+      setup(t) {
+        return () => t.nodes;
+      }
+    });
+    function _(t) {
+      const o = [];
+      for (const s of t)
+        if (!(!s || s.type === W)) {
+          if (s.type === f) {
+            const E = Array.isArray(s.children) ? s.children : [];
+            o.push(..._(E));
+            continue;
+          }
+          o.push(s);
+        }
+      return o;
+    }
+    function y(t) {
+      const o = t.type;
+      return !o || typeof o == "string" ? !1 : o.name === "XComment" || o.__name === "XComment";
+    }
+    function x(t) {
+      return typeof t.children != "string" ? !1 : t.children.trim().length === 0;
+    }
+    const C = r(() => {
+      const t = i.default ? i.default() : [];
+      return _(t);
+    }), g = r(() => C.value.filter(y)), k = r(() => C.value.filter((t) => !y(t) && !x(t))), $ = r(() => !!(c.author || c.datetime || i.author || i.datetime)), A = r(() => {
+      var t;
+      return !!((((t = c.actions) == null ? void 0 : t.length) ?? 0) > 0 || i.actions);
+    }), B = r(() => k.value.length > 0), b = r(() => g.value.length > 0), V = r(() => {
+      if (c.avatar)
+        return c.avatar;
+      const t = c.author.trim();
+      return t ? t.charAt(0).toUpperCase() : "👤";
+    }), X = r(() => {
+      const t = c.avatar;
+      return t ? /^(https?:)?\/\//.test(t) || t.startsWith("data:image/") || t.startsWith("/") : !1;
+    });
+    return (t, o) => (e(), n("article", D, [
+      d("div", F, [
+        u(t.$slots, "avatar", {}, () => [
+          X.value ? (e(), n("img", {
+            key: 0,
+            class: "x-comment__avatar-image",
+            src: a.avatar,
+            alt: a.author || "avatar"
+          }, null, 8, H)) : (e(), n("span", L, m(V.value), 1))
+        ])
+      ]),
+      d("div", U, [
+        $.value ? (e(), n("header", j, [
+          t.$slots.author || a.author ? (e(), n("strong", q, [
+            u(t.$slots, "author", {}, () => [
+              h(m(a.author), 1)
+            ])
+          ])) : l("", !0),
+          t.$slots.datetime || a.datetime ? (e(), n("span", w, [
+            u(t.$slots, "datetime", {}, () => [
+              h(m(a.datetime), 1)
+            ])
+          ])) : l("", !0)
+        ])) : l("", !0),
+        d("div", z, [
+          u(t.$slots, "content", {}, () => [
+            a.content ? (e(), n(f, { key: 0 }, [
+              h(m(a.content), 1)
+            ], 64)) : B.value ? (e(), S(N(v), {
+              key: 1,
+              nodes: k.value
+            }, null, 8, ["nodes"])) : l("", !0)
+          ])
+        ]),
+        A.value ? (e(), n("footer", G, [
+          u(t.$slots, "actions", {}, () => [
+            (e(!0), n(f, null, T(a.actions, (s) => (e(), n("button", {
+              key: s,
+              type: "button",
+              class: "x-comment__action-btn"
+            }, m(s), 1))), 128))
+          ])
+        ])) : l("", !0),
+        b.value ? (e(), n("div", J, [
+          R(N(v), { nodes: g.value }, null, 8, ["nodes"])
+        ])) : l("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/components/XComment.vue2.js

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

package/dist/components/XCompact.vue.js

@@ -0,0 +1,17 @@
+import { defineComponent as t, openBlock as c, createElementBlock as l, normalizeClass as a, renderSlot as n } from "vue";
+const p = /* @__PURE__ */ t({
+  __name: "XCompact",
+  props: {
+    block: { type: Boolean }
+  },
+  setup(e) {
+    return (o, r) => (c(), l("div", {
+      class: a(["x-compact", { "is-block": e.block }])
+    }, [
+      n(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  p as default
+};

package/dist/components/XCompact.vue2.js

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

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

@@ -1,9 +1,16 @@
 import { XSize, XThemeTokens } from '../composables/config';
+import { XConfigProviderLocale } from '../composables/config-provider';
 import { XLocaleMessages, XTranslate } from '../composables/i18n';
 type __VLS_Props = {
+    prefixCls?: string;
+    locale?: XConfigProviderLocale;
     size?: XSize;
+    global?: boolean;
+    updateAtScroll?: boolean;
+    scrollToClose?: boolean;
+    exchangeTime?: boolean;
+    rtl?: boolean;
     theme?: Partial<XThemeTokens>;
-    locale?: string;
     messages?: XLocaleMessages;
     translate?: XTranslate;
 };
@@ -11,14 +18,20 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    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<{}>, {
-    size: XSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    rtl: boolean;
+    prefixCls: string;
+    updateAtScroll: boolean;
+    scrollToClose: boolean;
+    exchangeTime: boolean;
+    global: boolean;
+}, {}, {}, {}, 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/XConfigProvider.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as m, useSlots as y, computed as r, openBlock as g, createElementBlock as x, normalizeStyle as v, renderSlot as s } from "vue";
+import { provideXConfig as h, defaultTokens as B } from "../composables/config.js";
+import { provideXConfigProvider as k } from "../composables/config-provider.js";
+import { provideXI18n as C } from "../composables/i18n.js";
+const P = /* @__PURE__ */ m({
+  __name: "XConfigProvider",
+  props: {
+    prefixCls: { default: "arco" },
+    locale: {},
+    size: {},
+    global: { type: Boolean, default: !1 },
+    updateAtScroll: { type: Boolean, default: !1 },
+    scrollToClose: { type: Boolean, default: !1 },
+    exchangeTime: { type: Boolean, default: !0 },
+    rtl: { type: Boolean, default: !1 },
+    theme: {},
+    messages: {},
+    translate: {}
+  },
+  setup(c) {
+    const o = c, n = y();
+    function t(e) {
+      return !!e && typeof e == "object" && !Array.isArray(e);
+    }
+    const i = r(() => {
+      if (typeof o.locale == "string")
+        return o.locale;
+      if (t(o.locale) && typeof o.locale.locale == "string")
+        return o.locale.locale;
+    }), l = r(() => {
+      if (!t(o.locale) || typeof o.locale == "string")
+        return;
+      const { locale: e, ...a } = o.locale;
+      return a;
+    }), d = r(() => l.value ? o.messages ? {
+      ...l.value,
+      ...o.messages
+    } : l.value : o.messages);
+    k(o, n);
+    const f = h(
+      r(() => o.size),
+      r(() => o.theme)
+    );
+    C(
+      i,
+      d,
+      r(() => o.translate)
+    );
+    const u = r(() => !!(o.theme && Object.keys(o.theme).length > 0)), p = r(() => {
+      const e = { ...B, ...f.tokens.value };
+      return {
+        "--x-color-primary": e.colorPrimary,
+        "--x-color-primary-hover": e.colorPrimaryHover,
+        "--x-color-text": e.colorText,
+        "--x-color-text-secondary": e.colorTextSecondary,
+        "--x-color-danger": e.colorDanger,
+        "--x-color-border": e.colorBorder,
+        "--x-color-fill": e.colorFill,
+        "--x-color-surface": e.colorSurface,
+        "--x-color-surface-raised": e.colorSurfaceRaised,
+        "--x-shadow-card": e.shadowCard,
+        "--x-shadow-popup": e.shadowPopup,
+        "--x-radius": e.borderRadius,
+        "--x-font-size": e.fontSize
+      };
+    });
+    return (e, a) => u.value ? (g(), x("div", {
+      key: 0,
+      class: "x-config-provider",
+      style: v(p.value)
+    }, [
+      s(e.$slots, "default")
+    ], 4)) : s(e.$slots, "default", { key: 1 });
+  }
+});
+export {
+  P as default
+};

package/dist/components/XConfigProvider.vue2.js

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

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

@@ -30,13 +30,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onFinish?: (() => any) | undefined;
 }>, {
     title: string;
-    start: boolean;
     value: string | number | Date | null;
+    suffix: string | number;
+    start: boolean;
     loading: boolean;
     prefix: string | number;
     format: string;
     valueStyle: CSSProperties;
-    suffix: string | number;
     now: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/XCountdown.vue.js

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