@rhino-design/vue 0.2.2 → 0.2.6

package/dist/components/XChatInput.vue2.js

@@ -0,0 +1,454 @@
+import { defineComponent as _e, computed as v, ref as _, watch as T, nextTick as k, onMounted as be, openBlock as d, createElementBlock as f, normalizeClass as V, unref as y, createElementVNode as l, toDisplayString as b, createCommentVNode as h, renderSlot as x, Fragment as xe, renderList as ye, createVNode as X, normalizeStyle as we } from "vue";
+import { useXConfig as Ce, sizeClass as Se } from "../composables/config.js";
+import { useXI18n as $e } from "../composables/i18n.js";
+import j from "./XIcon.js";
+const Ie = {
+  key: 0,
+  class: "x-chat-input__drag-overlay"
+}, ke = { class: "x-chat-input__drag-text" }, Fe = {
+  key: 1,
+  class: "x-chat-input__header"
+}, Le = {
+  key: 0,
+  class: "x-chat-input__header-extra"
+}, De = {
+  key: 2,
+  class: "x-chat-input__files"
+}, Ae = { class: "x-chat-input__file-icon" }, Re = ["title"], Ee = { class: "x-chat-input__file-size" }, ze = ["onClick"], Be = {
+  key: 0,
+  class: "x-chat-input__file-progress"
+}, Te = { class: "x-chat-input__main" }, Ve = {
+  key: 0,
+  class: "x-chat-input__prefix"
+}, He = { class: "x-chat-input__editor-wrap" }, Me = ["contenteditable", "placeholder"], Ne = {
+  key: 1,
+  class: "x-chat-input__suffix"
+}, We = { class: "x-chat-input__footer" }, qe = { class: "x-chat-input__footer-left" }, Pe = ["disabled"], Ke = { class: "x-chat-input__toolbar-text" }, Oe = { class: "x-chat-input__footer-right" }, Ue = {
+  key: 0,
+  class: "x-chat-input__char-count"
+}, Xe = ["disabled", "aria-label"], je = {
+  key: 0,
+  class: "x-chat-input__send-spinner"
+}, Ye = {
+  key: 1,
+  class: "x-chat-input__send-icon",
+  "aria-hidden": "true"
+}, Ze = { class: "x-chat-input__send-text" }, Ge = ["accept"], it = /* @__PURE__ */ _e({
+  __name: "XChatInput",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "输入消息..." },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    maxLength: { default: void 0 },
+    autoSize: { type: [Boolean, Object], default: !0 },
+    allowClear: { type: Boolean, default: !0 },
+    sendOnEnter: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !0 },
+    accept: { default: "*" },
+    maxFiles: { default: 5 },
+    maxFileSize: { default: 10 },
+    fileList: { default: () => [] },
+    images: { default: () => [] },
+    showAttachButton: { type: Boolean, default: !1 },
+    allowImagePaste: { type: Boolean, default: !0 },
+    allowImageDrop: { type: Boolean, default: !0 },
+    uploadAction: { type: Function, default: void 0 }
+  },
+  emits: ["update:modelValue", "update:fileList", "update:images", "send", "file-change", "file-remove", "file-drop", "image-insert", "image-remove", "image-upload", "focus", "blur", "clear"],
+  setup(u, { expose: Y, emit: Z }) {
+    const i = u, p = Z, G = Ce(), { t: C } = $e(), J = v(() => i.size ?? G.size.value), Q = v(() => i.placeholder === "输入消息..." ? C("chatInput.placeholder", void 0, "输入消息...") : i.placeholder), o = _(), H = _(), D = _(!1), S = _(!1), F = _(0), A = _([...i.fileList]), R = _([...i.images]), E = _(null), g = v({
+      get: () => i.fileList ?? A.value,
+      set: (e) => {
+        A.value = e, p("update:fileList", e);
+      }
+    }), m = v({
+      get: () => i.images ?? R.value,
+      set: (e) => {
+        R.value = e, p("update:images", e);
+      }
+    }), M = v(() => o.value ? o.value.innerText.trim().length > 0 || m.value.length > 0 : i.modelValue.length > 0), N = v(() => g.value.length > 0), ee = v(() => !i.disabled && !i.loading && M.value), te = v(() => i.disabled || i.loading), W = v(() => {
+      var e, t;
+      return typeof i.autoSize == "boolean" ? i.autoSize ? { minRows: 1, maxRows: 6 } : { minRows: 1, maxRows: 1 } : {
+        minRows: ((e = i.autoSize) == null ? void 0 : e.minRows) ?? 1,
+        maxRows: ((t = i.autoSize) == null ? void 0 : t.maxRows) ?? 6
+      };
+    });
+    function $() {
+      if (!o.value) return;
+      const e = o.value, t = 22, a = W.value.minRows * t + 24, n = W.value.maxRows * t + 24;
+      e.style.height = "auto";
+      const s = e.scrollHeight, r = Math.min(Math.max(s, a), n);
+      e.style.height = `${r}px`, e.style.overflowY = s > n ? "auto" : "hidden";
+    }
+    function q() {
+      if (!o.value) return "";
+      const e = o.value.cloneNode(!0);
+      return e.querySelectorAll("[data-image]").forEach((a) => {
+        const n = a.getAttribute("data-uid");
+        m.value.find((r) => r.uid === n) && a.replaceWith(`[img:${n}]`);
+      }), e.innerText || "";
+    }
+    function z() {
+      const e = q();
+      p("update:modelValue", e);
+    }
+    function ae() {
+      z(), k($);
+    }
+    function L() {
+      const e = window.getSelection();
+      e && e.rangeCount > 0 && (E.value = e.getRangeAt(0).cloneRange());
+    }
+    function ne() {
+      if (!E.value || !o.value) return;
+      const e = window.getSelection();
+      e && (e.removeAllRanges(), e.addRange(E.value));
+    }
+    function ie(e) {
+      i.sendOnEnter && e.key === "Enter" && !e.shiftKey && (e.preventDefault(), P());
+    }
+    function P() {
+      if (!ee.value) return;
+      const e = q();
+      p("send", e, g.value, m.value);
+    }
+    function K() {
+      o.value && (o.value.innerHTML = ""), g.value = [], m.value = [], p("update:modelValue", ""), p("clear"), k($);
+    }
+    function O() {
+      return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    function se(e) {
+      const t = document.createElement("span");
+      t.className = "x-chat-input__image-wrapper", t.setAttribute("contenteditable", "false"), t.setAttribute("data-image", "true"), t.setAttribute("data-uid", e.uid);
+      const a = document.createElement("img");
+      a.src = e.url, a.className = "x-chat-input__image", e.status === "uploading" && (a.style.opacity = "0.6");
+      const n = document.createElement("span");
+      if (n.className = "x-chat-input__image-remove", n.innerHTML = "×", n.onclick = (c) => {
+        c.stopPropagation(), le(e.uid);
+      }, e.status === "uploading") {
+        const c = document.createElement("span");
+        c.className = "x-chat-input__image-progress", c.textContent = `${e.percent || 0}%`, t.appendChild(c);
+      }
+      t.appendChild(a), t.appendChild(n);
+      const s = document.createElement("span");
+      s.innerHTML = " ", s.setAttribute("data-cursor-space", "true");
+      const r = document.createElement("span");
+      return r.appendChild(t), r.appendChild(s), r;
+    }
+    function oe(e) {
+      if (!o.value) return;
+      o.value.focus(), ne();
+      const t = window.getSelection();
+      if (!t) return;
+      const a = t.rangeCount > 0 ? t.getRangeAt(0) : null, n = se(e);
+      a ? (a.deleteContents(), a.insertNode(n), a.setStartAfter(n), a.setEndAfter(n), t.removeAllRanges(), t.addRange(a)) : o.value.appendChild(n);
+      const s = [...m.value, e];
+      m.value = s, p("image-insert", e, s), z(), k($);
+    }
+    function I(e, t) {
+      const a = m.value.map(
+        (s) => s.uid === e ? { ...s, ...t } : s
+      );
+      if (m.value = a, !o.value) return;
+      const n = o.value.querySelector(`[data-uid="${e}"]`);
+      if (n) {
+        const s = n.querySelector("img");
+        s && t.status === "done" && (s.style.opacity = "1");
+        const r = n.querySelector(".x-chat-input__image-progress");
+        r && t.percent !== void 0 && (r.textContent = t.percent >= 100 ? "" : `${t.percent}%`, t.percent >= 100 && r.remove());
+      }
+    }
+    function le(e) {
+      const t = m.value.find((n) => n.uid === e);
+      if (!t) return;
+      if (o.value) {
+        const n = o.value.querySelector(`[data-uid="${e}"]`);
+        if (n) {
+          const s = n.parentElement;
+          if (s) {
+            const r = s.querySelector("[data-cursor-space]");
+            r && r.remove(), s.remove();
+          } else
+            n.remove();
+        }
+      }
+      const a = m.value.filter((n) => n.uid !== e);
+      m.value = a, p("image-remove", t, a), z();
+    }
+    async function B(e) {
+      const t = O(), a = {
+        uid: t,
+        url: URL.createObjectURL(e),
+        name: e.name,
+        status: "uploading",
+        percent: 0
+      };
+      if (oe(a), i.uploadAction)
+        try {
+          const n = await i.uploadAction(e);
+          I(t, { status: "done", url: n, percent: 100 });
+        } catch {
+          I(t, { status: "error" });
+        }
+      else
+        p(
+          "image-upload",
+          e,
+          (n) => I(t, { percent: n }),
+          (n) => I(t, { status: "done", url: n, percent: 100 }),
+          () => I(t, { status: "error" })
+        );
+    }
+    function re(e) {
+      var a;
+      if (!i.allowImagePaste || i.disabled) return;
+      const t = (a = e.clipboardData) == null ? void 0 : a.items;
+      if (t) {
+        for (const n of t)
+          if (n.type.startsWith("image/")) {
+            e.preventDefault();
+            const s = n.getAsFile();
+            s && B(s);
+          }
+      }
+    }
+    function ue(e) {
+      const t = e.type.startsWith("image/");
+      return {
+        uid: O(),
+        name: e.name,
+        size: e.size,
+        type: e.type,
+        raw: e,
+        status: "done",
+        percent: 100,
+        isImage: t
+      };
+    }
+    function ce(e) {
+      return e < 1024 ? `${e}B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)}KB` : `${(e / 1024 / 1024).toFixed(1)}MB`;
+    }
+    function U(e) {
+      const t = [], a = [];
+      e.forEach((c) => {
+        c.type.startsWith("image/") && i.allowImageDrop ? t.push(c) : a.push(c);
+      }), t.forEach((c) => B(c));
+      const s = a.filter((c) => !(c.size > i.maxFileSize * 1024 * 1024 || i.accept !== "*" && !i.accept.split(",").map((w) => w.trim()).some((w) => w.includes("*") ? c.type.startsWith(w.replace("/*", "")) : c.type === w || c.name.endsWith(w)))).map(ue), r = [...g.value, ...s].slice(0, i.maxFiles);
+      g.value = r, p("file-change", s, r);
+    }
+    function de(e) {
+      const t = g.value.find((n) => n.uid === e);
+      if (!t) return;
+      const a = g.value.filter((n) => n.uid !== e);
+      g.value = a, p("file-remove", t, a);
+    }
+    function fe(e) {
+      var a;
+      const t = e.target;
+      (a = t.files) != null && a.length && (U(Array.from(t.files)), t.value = "");
+    }
+    function pe(e) {
+      var t;
+      !i.draggable || i.disabled || (e.preventDefault(), F.value++, (t = e.dataTransfer) != null && t.types.includes("Files") && (S.value = !0));
+    }
+    function me(e) {
+      !i.draggable || i.disabled || (e.preventDefault(), F.value--, F.value === 0 && (S.value = !1));
+    }
+    function he(e) {
+      !i.draggable || i.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+    }
+    function ge(e) {
+      var a;
+      if (!i.draggable || i.disabled) return;
+      e.preventDefault(), F.value = 0, S.value = !1;
+      const t = (a = e.dataTransfer) == null ? void 0 : a.files;
+      if (t != null && t.length) {
+        const n = Array.from(t);
+        U(n), p("file-drop", n, e);
+      }
+    }
+    function ve(e) {
+      return e.startsWith("image/") ? "🖼️" : e.startsWith("video/") ? "🎬" : e.startsWith("audio/") ? "🎵" : e.includes("pdf") ? "📄" : e.includes("zip") || e.includes("rar") ? "📦" : "📎";
+    }
+    return T(() => i.fileList, (e) => {
+      e && (A.value = [...e]);
+    }, { deep: !0 }), T(() => i.images, (e) => {
+      e && (R.value = [...e]);
+    }, { deep: !0 }), T(() => i.modelValue, (e) => {
+      o.value && o.value.innerText !== e && (o.value.matches(":focus") || (o.value.innerText = e, k($)));
+    }, { immediate: !0 }), be(() => {
+      o.value && i.modelValue && (o.value.innerText = i.modelValue, k($));
+    }), Y({
+      focus: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.blur();
+      },
+      clear: K,
+      insertImage: B,
+      editor: o
+    }), (e, t) => (d(), f("div", {
+      class: V(["x-chat-input", [
+        y(Se)(J.value),
+        {
+          "is-focused": D.value,
+          "is-disabled": u.disabled,
+          "is-dragging": S.value,
+          "has-files": N.value
+        }
+      ]]),
+      onDragenter: pe,
+      onDragleave: me,
+      onDragover: he,
+      onDrop: ge
+    }, [
+      S.value && u.draggable ? (d(), f("div", Ie, [
+        t[3] || (t[3] = l("span", { class: "x-chat-input__drag-icon" }, "📁", -1)),
+        l("span", ke, b(y(C)("chatInput.dragUpload", void 0, "释放以上传文件")), 1)
+      ])) : h("", !0),
+      e.$slots.header || e.$slots["header-extra"] ? (d(), f("div", Fe, [
+        x(e.$slots, "header", {}, void 0, !0),
+        e.$slots["header-extra"] ? (d(), f("div", Le, [
+          x(e.$slots, "header-extra", {}, void 0, !0)
+        ])) : h("", !0)
+      ])) : h("", !0),
+      N.value ? (d(), f("div", De, [
+        (d(!0), f(xe, null, ye(g.value, (a) => (d(), f("div", {
+          key: a.uid,
+          class: V(["x-chat-input__file-item", { "is-error": a.status === "error" }])
+        }, [
+          l("span", Ae, b(ve(a.type)), 1),
+          l("span", {
+            class: "x-chat-input__file-name",
+            title: a.name
+          }, b(a.name), 9, Re),
+          l("span", Ee, b(ce(a.size)), 1),
+          l("button", {
+            type: "button",
+            class: "x-chat-input__file-remove",
+            onClick: (n) => de(a.uid)
+          }, [
+            X(y(j), {
+              name: "guanbi",
+              size: 10
+            })
+          ], 8, ze),
+          a.status === "uploading" && a.percent !== void 0 ? (d(), f("div", Be, [
+            l("div", {
+              class: "x-chat-input__file-progress-bar",
+              style: we({ width: `${a.percent}%` })
+            }, null, 4)
+          ])) : h("", !0)
+        ], 2))), 128))
+      ])) : h("", !0),
+      l("div", Te, [
+        e.$slots.prefix ? (d(), f("div", Ve, [
+          x(e.$slots, "prefix", {}, void 0, !0)
+        ])) : h("", !0),
+        l("div", He, [
+          l("div", {
+            ref_key: "editorRef",
+            ref: o,
+            class: "x-chat-input__editor",
+            contenteditable: !u.disabled,
+            placeholder: Q.value,
+            onInput: ae,
+            onKeydown: ie,
+            onFocus: t[0] || (t[0] = (a) => {
+              D.value = !0, L(), e.$emit("focus", a);
+            }),
+            onBlur: t[1] || (t[1] = (a) => {
+              D.value = !1, L(), e.$emit("blur", a);
+            }),
+            onMouseup: L,
+            onKeyup: L,
+            onPaste: re
+          }, null, 40, Me),
+          u.allowClear && M.value && !u.disabled ? (d(), f("button", {
+            key: 0,
+            type: "button",
+            class: "x-chat-input__clear",
+            onClick: K
+          }, [
+            X(y(j), {
+              name: "guanbi",
+              size: 12
+            })
+          ])) : h("", !0)
+        ]),
+        e.$slots.suffix ? (d(), f("div", Ne, [
+          x(e.$slots, "suffix", {}, void 0, !0)
+        ])) : h("", !0)
+      ]),
+      x(e.$slots, "foot", {}, () => [
+        l("div", We, [
+          l("div", qe, [
+            x(e.$slots, "toolbar", {}, () => [
+              u.draggable && u.showAttachButton ? (d(), f("button", {
+                key: 0,
+                type: "button",
+                class: "x-chat-input__toolbar-btn x-chat-input__toolbar-btn--attach",
+                disabled: u.disabled,
+                onClick: t[2] || (t[2] = (a) => {
+                  var n;
+                  return (n = H.value) == null ? void 0 : n.click();
+                })
+              }, [
+                t[4] || (t[4] = l("span", { class: "x-chat-input__toolbar-icon" }, "📎", -1)),
+                l("span", Ke, b(y(C)("chatInput.attachment", void 0, "附件")), 1)
+              ], 8, Pe)) : h("", !0)
+            ], !0),
+            x(e.$slots, "toolbar-extra", {}, void 0, !0)
+          ]),
+          l("div", Oe, [
+            x(e.$slots, "footer", {}, () => [
+              u.maxLength ? (d(), f("span", Ue, b(u.modelValue.length) + "/" + b(u.maxLength), 1)) : h("", !0),
+              l("button", {
+                type: "button",
+                class: V(["x-chat-input__send-btn", { "is-loading": u.loading }]),
+                disabled: te.value,
+                "aria-label": y(C)("chatInput.send", void 0, "发送"),
+                onClick: P
+              }, [
+                u.loading ? (d(), f("span", je)) : (d(), f("span", Ye, [...t[5] || (t[5] = [
+                  l("svg", {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    l("path", {
+                      d: "M8.3125 0.981587C8.66767 1.0545 8.97902 1.20558 9.2627 1.43374C9.48724 1.61438 9.73029 1.85933 9.97949 2.10854L14.707 6.83608L13.293 8.25014L9 3.95717V15.0431H7V3.95717L2.70703 8.25014L1.29297 6.83608L6.02051 2.10854C6.26971 1.85933 6.51277 1.61438 6.7373 1.43374C6.97662 1.24126 7.28445 1.04542 7.6875 0.981587C7.8973 0.94841 8.1031 0.956564 8.3125 0.981587Z",
+                      fill: "currentColor"
+                    })
+                  ], -1)
+                ])])),
+                l("span", Ze, b(y(C)("chatInput.send", void 0, "发送")), 1)
+              ], 10, Xe)
+            ], !0)
+          ])
+        ])
+      ], !0),
+      u.draggable ? (d(), f("input", {
+        key: 3,
+        ref_key: "fileInput",
+        ref: H,
+        type: "file",
+        accept: u.accept,
+        multiple: "",
+        style: { display: "none" },
+        onChange: fe
+      }, null, 40, Ge)) : h("", !0)
+    ], 34));
+  }
+});
+export {
+  it as default
+};

package/dist/components/XCheckbox.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent as V, useSlots as K, ref as A, inject as M, computed as i, watch as b, openBlock as s, createElementBlock as y, normalizeClass as T, createElementVNode as g, unref as h, createBlock as p, createCommentVNode as C, renderSlot as H, nextTick as J } from "vue";
+import { useXFormField as L } from "../composables/form.js";
+import S from "./XIcon.js";
+import { xCheckboxGroupKey as O } from "./x-checkbox-context.js";
+const Q = ["aria-disabled"], U = ["id", "checked", "value", "disabled", "aria-checked"], W = {
+  key: 1,
+  class: "x-checkbox__icon-hover"
+}, Y = { class: "x-checkbox__box" }, Z = {
+  key: 2,
+  class: "x-checkbox__label"
+}, le = /* @__PURE__ */ V({
+  __name: "XCheckbox",
+  props: {
+    modelValue: { type: [Boolean, Array], default: void 0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    value: { type: [String, Number, Boolean], default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    uninjectGroupContext: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(_, { expose: F, emit: X }) {
+    const l = _, x = X, R = K(), o = A(null), r = A(l.defaultChecked), t = L(), a = l.uninjectGroupContext ? void 0 : M(O, void 0), f = i(() => (a == null ? void 0 : a.name) === "XCheckboxGroup"), v = i(() => l.value ?? !0), d = i(() => f.value ? (a == null ? void 0 : a.computedValue.value) ?? [] : Array.isArray(l.modelValue) || typeof l.modelValue == "boolean" ? l.modelValue : r.value), u = i(() => Array.isArray(d.value) ? d.value.includes(v.value) : !!d.value), m = i(() => !!(a != null && a.disabled.value || l.disabled || t != null && t.disabled.value || !u.value && (a != null && a.isMaxed.value))), j = i(() => l.indeterminate ? "mixed" : u.value ? "true" : "false"), q = i(() => [
+      "x-checkbox",
+      {
+        "x-checkbox-checked": u.value,
+        "x-checkbox-indeterminate": l.indeterminate,
+        "x-checkbox-disabled": m.value,
+        "is-checked": u.value,
+        "is-indeterminate": l.indeterminate,
+        "is-disabled": m.value
+      }
+    ]), B = i(() => R.checkbox ?? (a == null ? void 0 : a.checkboxSlot));
+    b(
+      () => l.modelValue,
+      (e) => {
+        e == null && (r.value = !1);
+      }
+    ), b(d, (e) => {
+      const n = Array.isArray(e) ? e.includes(v.value) : !!e;
+      r.value !== n && (r.value = n), o.value && o.value.checked !== n && (o.value.checked = n);
+    }), b(
+      () => l.indeterminate,
+      (e) => {
+        o.value && (o.value.indeterminate = e);
+      },
+      { immediate: !0 }
+    );
+    function N(e) {
+      e.stopPropagation();
+    }
+    function w(e) {
+      const n = e.target.checked;
+      let c = n;
+      if (Array.isArray(d.value)) {
+        const k = new Set(d.value);
+        n ? k.add(v.value) : k.delete(v.value), c = Array.from(k);
+      }
+      r.value = n, f.value && Array.isArray(c) ? a == null || a.handleChange(c, e) : (x("update:modelValue", c), x("change", c, e), t == null || t.notifyChange(e)), J(() => {
+        o.value && o.value.checked !== u.value && (o.value.checked = u.value);
+      });
+    }
+    function E(e) {
+      t == null || t.notifyBlur(e);
+    }
+    function I(e) {
+      t == null || t.notifyFocus(e);
+    }
+    function $() {
+      var e;
+      (e = o.value) == null || e.focus();
+    }
+    function z() {
+      var e;
+      (e = o.value) == null || e.blur();
+    }
+    F({
+      focus: $,
+      blur: z
+    });
+    const D = V({
+      name: "XCheckboxSlotRenderer",
+      props: {
+        render: {
+          type: Function,
+          required: !0
+        },
+        checked: {
+          type: Boolean,
+          required: !0
+        },
+        disabled: {
+          type: Boolean,
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => {
+          var n;
+          return (n = e.render) == null ? void 0 : n.call(e, { checked: e.checked, disabled: e.disabled });
+        };
+      }
+    });
+    return (e, n) => {
+      var c;
+      return s(), y("label", {
+        class: T(q.value),
+        "aria-disabled": m.value
+      }, [
+        g("input", {
+          ref_key: "inputRef",
+          ref: o,
+          id: f.value || (c = h(t)) == null ? void 0 : c.id,
+          class: "x-checkbox__input x-checkbox-target",
+          type: "checkbox",
+          checked: u.value,
+          value: v.value,
+          disabled: m.value,
+          "aria-checked": j.value,
+          onClick: N,
+          onChange: w,
+          onFocus: I,
+          onBlur: E
+        }, null, 40, U),
+        B.value ? (s(), p(h(D), {
+          key: 0,
+          render: B.value,
+          checked: u.value,
+          disabled: m.value
+        }, null, 8, ["render", "checked", "disabled"])) : (s(), y("span", W, [
+          g("span", Y, [
+            _.indeterminate ? (s(), p(h(S), {
+              key: 0,
+              name: "checkbox-indeterminate",
+              class: "x-checkbox__icon",
+              "aria-hidden": "true"
+            })) : u.value ? (s(), p(h(S), {
+              key: 1,
+              name: "dui",
+              class: "x-checkbox__icon",
+              "aria-hidden": "true"
+            })) : C("", !0)
+          ])
+        ])),
+        e.$slots.default ? (s(), y("span", Z, [
+          H(e.$slots, "default")
+        ])) : C("", !0)
+      ], 10, Q);
+    };
+  }
+});
+export {
+  le as default
+};

package/dist/components/XCheckbox.vue2.js

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