@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XRadioGroup.vue.js

@@ -0,0 +1,168 @@
+import { defineComponent as z, useSlots as E, getCurrentInstance as K, ref as b, computed as a, provide as H, watch as g, onMounted as J, openBlock as s, createElementBlock as h, normalizeStyle as Q, normalizeClass as U, Fragment as V, renderList as W, createBlock as N, withCtx as Y, renderSlot as O, unref as Z, createTextVNode as P, toDisplayString as ee, Comment as te, Text as le } from "vue";
+import { useXConfig as oe } from "../composables/config.js";
+import ae from "./XRadio.vue.js";
+import { xRadioGroupKey as ne } from "./x-radio-context.js";
+const de = /* @__PURE__ */ z({
+  __name: "XRadioGroup",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    defaultValue: { type: [String, Number, Boolean] },
+    type: { default: "radio" },
+    size: {},
+    options: {},
+    direction: { default: "horizontal" },
+    disabled: { type: Boolean, default: !1 },
+    allowCancel: { type: Boolean, default: !1 },
+    fill: { default: "" },
+    color: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(_, { emit: $ }) {
+    const l = _, f = $, d = E(), p = K(), X = oe(), n = b(l.defaultValue), u = b([]), C = b(!1), B = a(() => l.size ?? X.size.value ?? "medium"), m = a(() => {
+      const e = (p == null ? void 0 : p.vnode.props) ?? {};
+      return Object.prototype.hasOwnProperty.call(e, "modelValue") || Object.prototype.hasOwnProperty.call(e, "model-value");
+    }), c = a(() => m.value ? l.modelValue : n.value);
+    function R(e) {
+      const t = e.children;
+      if (Array.isArray(t)) return t;
+      if (t && typeof t == "object") {
+        const o = t.default;
+        if (typeof o == "function") {
+          const r = o();
+          if (Array.isArray(r))
+            return r;
+        }
+      }
+      return [];
+    }
+    function j(e) {
+      if (typeof e == "string") return e;
+      if (!e || typeof e != "object" && typeof e != "function") return "";
+      const t = e;
+      return String(t.name ?? t.__name ?? "");
+    }
+    function v(e) {
+      return e.some((t) => {
+        if (!t || t.type === te || t.type === le) return !1;
+        if (t.type === V)
+          return v(R(t));
+        const o = t.props ?? {}, r = j(t.type);
+        if (r === "XRadioButton" || r === "RadioButton" || (r === "XRadio" || r === "Radio") && o.type === "button")
+          return !0;
+        const w = R(t);
+        return w.length > 0 ? v(w) : !1;
+      });
+    }
+    const A = a(() => {
+      var t;
+      const e = ((t = d.default) == null ? void 0 : t.call(d)) ?? [];
+      return v(e);
+    }), S = a(() => l.type === "button" || A.value || !!l.fill || !!l.color), i = a(() => (l.options ?? []).map((e) => typeof e == "string" || typeof e == "number" ? {
+      label: e,
+      value: e
+    } : e)), y = a(() => i.value.length > 0 ? i.value.map((e) => e.value) : u.value), k = a(() => y.value[0]);
+    function G(e) {
+      return e == null ? !1 : y.value.some((t) => t === e);
+    }
+    function L(e) {
+      u.value.some((t) => t === e) || u.value.push(e);
+    }
+    function M(e) {
+      const t = u.value.findIndex((o) => o === e);
+      t >= 0 && u.value.splice(t, 1);
+    }
+    function x() {
+      if (l.allowCancel)
+        return;
+      const e = k.value;
+      e !== void 0 && (G(c.value) || (n.value !== e && (n.value = e), m.value && l.modelValue !== e && f("update:modelValue", e)));
+    }
+    function q(e, t) {
+      !l.allowCancel && e == null && (e = k.value), n.value = e, f("update:modelValue", e), f("change", e, t);
+    }
+    H(ne, {
+      name: "XRadioGroup",
+      value: c,
+      size: B,
+      type: a(() => S.value ? "button" : l.type),
+      disabled: a(() => l.disabled),
+      allowCancel: a(() => l.allowCancel),
+      radioSlot: d.radio,
+      handleChange: q,
+      registerRadio: L,
+      unregisterRadio: M
+    }), g(c, (e) => {
+      n.value !== e && (n.value = e);
+    }), g(
+      () => l.modelValue,
+      (e) => {
+        m.value && e == null && (n.value = void 0);
+      }
+    ), g(
+      [c, y, () => l.allowCancel],
+      () => {
+        !C.value && i.value.length === 0 || x();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), J(() => {
+      C.value = !0, x();
+    });
+    const F = a(() => [
+      `x-radio-group${S.value ? "-button" : ""}`,
+      `x-radio-group-size-${B.value}`,
+      `x-radio-group-direction-${l.direction}`,
+      {
+        "x-radio-group-disabled": l.disabled
+      }
+    ]), I = a(() => {
+      const e = {};
+      return l.fill && (e["--x-radio-button-active-bg"] = l.fill), l.color && (e["--x-radio-button-active-color"] = l.color), Object.keys(e).length > 0 ? e : void 0;
+    }), T = z({
+      name: "XRadioOptionLabelRenderer",
+      props: {
+        render: {
+          type: Function,
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => {
+          var t;
+          return (t = e.render) == null ? void 0 : t.call(e);
+        };
+      }
+    });
+    function D(e) {
+      return typeof e == "function";
+    }
+    return (e, t) => (s(), h("span", {
+      class: U(F.value),
+      style: Q(I.value)
+    }, [
+      i.value.length > 0 ? (s(!0), h(V, { key: 0 }, W(i.value, (o) => (s(), N(ae, {
+        key: String(o.value),
+        value: o.value,
+        disabled: o.disabled
+      }, {
+        default: Y(() => [
+          e.$slots.label ? O(e.$slots, "label", {
+            key: 0,
+            data: o
+          }) : D(o.label) ? (s(), N(Z(T), {
+            key: 1,
+            render: o.label
+          }, null, 8, ["render"])) : (s(), h(V, { key: 2 }, [
+            P(ee(o.label), 1)
+          ], 64))
+        ]),
+        _: 2
+      }, 1032, ["value", "disabled"]))), 128)) : O(e.$slots, "default", { key: 1 })
+    ], 6));
+  }
+});
+export {
+  de as default
+};

package/dist/components/XRadioGroup.vue2.js

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

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

@@ -33,12 +33,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     onHoverChange?: ((value: number) => any) | undefined;
 }>, {
-    disabled: boolean;
     color: RateColor;
-    count: number;
-    allowClear: boolean;
+    disabled: boolean;
     defaultValue: number;
+    allowClear: boolean;
     readonly: boolean;
+    count: number;
     allowHalf: boolean;
     grading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/XRate.vue.js

@@ -0,0 +1,145 @@
+import { defineComponent as Q, useSlots as T, toRefs as U, toRef as W, ref as w, watch as Y, computed as r, openBlock as u, createElementBlock as V, normalizeClass as Z, Fragment as x, renderList as ee, mergeProps as b, unref as m, createElementVNode as F, createBlock as C, renderSlot as N } from "vue";
+import { useXFormItem as ae } from "../composables/form.js";
+import k from "./XIcon.js";
+const le = ["id", "onAnimationend"], te = ["onMouseenter", "onClick"], oe = ["onMouseenter", "onClick"], se = /* @__PURE__ */ Q({
+  __name: "XRate",
+  props: {
+    count: { default: 5 },
+    modelValue: {},
+    defaultValue: { default: 0 },
+    allowHalf: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: !1 },
+    grading: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    color: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "hoverChange"],
+  setup(s, { emit: X }) {
+    const l = s, c = X, j = T(), { modelValue: z } = U(l), { id: L, mergedDisabled: H, eventHandlers: B } = ae({
+      disabled: W(l, "disabled")
+    }), h = w(l.defaultValue), v = w(0), d = w(!1);
+    Y(z, (a) => {
+      a == null && (h.value = 0);
+    });
+    const f = r(() => l.modelValue ?? h.value), I = r(() => H.value || l.readonly), $ = r(() => l.grading ? 5 : Math.max(0, Math.floor(l.count))), g = r(() => Array.from({ length: $.value }, (a, o) => o)), A = r(() => !!j.character), n = r(() => {
+      const a = l.allowHalf ? Math.round(f.value * 2) / 2 : Math.round(f.value);
+      return v.value || a;
+    }), S = r(() => Math.max(Math.ceil(n.value) - 1, 0)), p = r(() => {
+      if (typeof l.color == "string")
+        return g.value.map(() => l.color);
+      if (l.color && typeof l.color == "object") {
+        const a = l.color, o = Object.keys(l.color).map((t) => Number(t)).filter((t) => Number.isFinite(t)).sort((t, i) => i - t);
+        let e = o.pop() ?? g.value.length;
+        return g.value.map((t, i) => (i + 1 > e && (e = o.pop() ?? e), a[String(e)]));
+      }
+    }), P = r(() => [
+      "x-rate",
+      {
+        "x-rate-readonly": l.readonly,
+        "x-rate-disabled": H.value
+      }
+    ]);
+    function G() {
+      v.value && (v.value = 0, c("hoverChange", 0));
+    }
+    function _(a, o) {
+      if (I.value)
+        return;
+      const e = o && l.allowHalf ? a + 0.5 : a + 1;
+      e !== v.value && (v.value = e, c("hoverChange", e));
+    }
+    function D(a, o) {
+      var t, i, y, R;
+      if (I.value)
+        return;
+      const e = o && l.allowHalf ? a + 0.5 : a + 1;
+      d.value = !0, e !== f.value ? (h.value = e, c("update:modelValue", e), c("change", e), (i = (t = B.value) == null ? void 0 : t.onChange) == null || i.call(t)) : l.allowClear && (h.value = 0, c("update:modelValue", 0), c("change", 0), (R = (y = B.value) == null ? void 0 : y.onChange) == null || R.call(y));
+    }
+    function O(a) {
+      d.value && a + 1 >= f.value - 1 && (d.value = !1);
+    }
+    function M(a, o = !1) {
+      return {
+        role: "radio",
+        "aria-checked": a + (o ? 0.5 : 1) <= f.value,
+        "aria-setsize": $.value,
+        "aria-posinset": a + (o ? 0.5 : 1)
+      };
+    }
+    function q(a) {
+      if (p.value && l.allowHalf && a + 0.5 === n.value)
+        return { color: p.value[S.value] };
+    }
+    function J(a) {
+      if (p.value && a + 1 <= n.value)
+        return { color: p.value[S.value] };
+    }
+    function E(a) {
+      return a > n.value ? "smile-full" : n.value <= 2 ? "disappointed-full" : n.value <= 3 ? "smile-full" : "happy-full";
+    }
+    function K(a) {
+      return [
+        "x-rate-character",
+        {
+          "x-rate-character-half": l.allowHalf && a + 0.5 === n.value,
+          "x-rate-character-full": a + 1 <= n.value,
+          "x-rate-character-scale": d.value && a + 1 < f.value
+        }
+      ];
+    }
+    return (a, o) => (u(), V("div", {
+      class: Z(P.value),
+      onMouseleave: G
+    }, [
+      (u(!0), V(x, null, ee(g.value, (e) => (u(), V("div", b({
+        id: e === 0 ? m(L) : void 0,
+        key: e,
+        class: K(e),
+        style: d.value ? { animationDelay: `${50 * e}ms` } : void 0
+      }, { ref_for: !0 }, s.allowHalf ? void 0 : M(e), {
+        onAnimationend: (t) => O(e)
+      }), [
+        F("div", b({
+          class: "x-rate-character-left",
+          style: q(e)
+        }, { ref_for: !0 }, s.allowHalf ? M(e, !0) : void 0, {
+          onMouseenter: (t) => _(e, !0),
+          onClick: (t) => D(e, !0)
+        }), [
+          s.grading ? (u(), C(m(k), {
+            key: 0,
+            name: E(e)
+          }, null, 8, ["name"])) : A.value ? N(a.$slots, "character", {
+            key: 1,
+            index: e
+          }) : (u(), C(m(k), {
+            key: 2,
+            name: "star-full"
+          }))
+        ], 16, te),
+        F("div", b({
+          class: "x-rate-character-right",
+          style: J(e)
+        }, { ref_for: !0 }, s.allowHalf ? M(e) : void 0, {
+          onMouseenter: (t) => _(e, !1),
+          onClick: (t) => D(e, !1)
+        }), [
+          s.grading ? (u(), C(m(k), {
+            key: 0,
+            name: E(e)
+          }, null, 8, ["name"])) : A.value ? N(a.$slots, "character", {
+            key: 1,
+            index: e
+          }) : (u(), C(m(k), {
+            key: 2,
+            name: "star-full"
+          }))
+        ], 16, oe)
+      ], 16, le))), 128))
+    ], 34));
+  }
+});
+export {
+  se as default
+};

package/dist/components/XRate.vue2.js

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

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

@@ -1,19 +1,51 @@
-type __VLS_Props = {
-    width?: string | number;
-    height?: string | number;
-    minWidth?: string | number;
-    minHeight?: string | number;
-};
+type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+interface Props {
+    width?: number;
+    height?: number;
+    component?: string;
+    directions?: DirectionType[];
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        'resize-trigger'?(_: {
+            direction: DirectionType;
+        }): any;
+        'resize-trigger-icon'?(_: {
+            direction: DirectionType;
+        }): any;
+    };
+    refs: {
+        wrapperRef: unknown;
     };
-    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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:width": (width: number) => any;
+    "update:height": (height: number) => any;
+    movingStart: (event: MouseEvent) => any;
+    moving: (size: {
+        width: number;
+        height: number;
+    }, event: MouseEvent) => any;
+    movingEnd: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:height"?: ((height: number) => any) | undefined;
+    onMovingStart?: ((event: MouseEvent) => any) | undefined;
+    onMoving?: ((size: {
+        width: number;
+        height: number;
+    }, event: MouseEvent) => any) | undefined;
+    onMovingEnd?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    component: string;
+    directions: DirectionType[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/XResizeBox.vue.js

@@ -0,0 +1,184 @@
+import { defineComponent as I, toRef as W, ref as J, reactive as w, computed as x, watch as K, watchEffect as Q, onBeforeUnmount as Z, openBlock as f, createBlock as ee, resolveDynamicComponent as te, mergeProps as oe, withCtx as ne, renderSlot as z, createElementBlock as m, Fragment as Y, renderList as D, withModifiers as re, normalizeClass as _, createElementVNode as y } from "vue";
+import { useMergeState as T } from "../composables/useMergeState.js";
+const ie = ["onMousedown"], se = { class: "x-resize-box__trigger-icon-wrapper" }, ae = "left", O = "right", A = "top", F = "bottom", de = /* @__PURE__ */ I({
+  name: "XResizeBox",
+  inheritAttrs: !1,
+  __name: "XResizeBox",
+  props: {
+    width: {},
+    height: {},
+    component: { default: "div" },
+    directions: { default: () => ["right"] }
+  },
+  emits: ["update:width", "update:height", "movingStart", "moving", "movingEnd"],
+  setup(R, { emit: G }) {
+    const p = R, l = G, E = ["left", "right", "top", "bottom"];
+    function d(e) {
+      return e === A || e === F;
+    }
+    function k(e, o) {
+      if (e === 0)
+        return 0;
+      const t = e - o;
+      return t <= 0 ? 0 : t;
+    }
+    const [$, P] = T(null, {
+      value: W(p, "width")
+    }), [L, S] = T(null, {
+      value: W(p, "height")
+    }), v = J(null), H = w({
+      left: null,
+      right: null,
+      top: null,
+      bottom: null
+    }), r = w({
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    }), b = x(() => p.directions.filter((e) => E.includes(e))), N = x(() => ({
+      "padding-left": r.left ? `${r.left}px` : "",
+      "padding-right": r.right ? `${r.right}px` : "",
+      "padding-top": r.top ? `${r.top}px` : "",
+      "padding-bottom": r.bottom ? `${r.bottom}px` : ""
+    })), U = x(() => ({
+      ...typeof $.value == "number" ? { width: `${$.value}px` } : {},
+      ...typeof L.value == "number" ? { height: `${L.value}px` } : {},
+      ...N.value
+    })), s = w({
+      moving: !1,
+      direction: O,
+      startPageX: 0,
+      startPageY: 0,
+      startWidth: 0,
+      startHeight: 0
+    });
+    function M() {
+      window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", h), window.removeEventListener("contextmenu", h);
+    }
+    function B(e) {
+      if (!s.moving)
+        return;
+      const { startPageX: o, startPageY: t, startWidth: n, startHeight: i, direction: g } = s;
+      let a = n, c = i;
+      const u = e.pageX - o, C = e.pageY - t;
+      switch (g) {
+        case ae:
+          a = n - u, P(a), l("update:width", a);
+          break;
+        case O:
+          a = n + u, P(a), l("update:width", a);
+          break;
+        case A:
+          c = i - C, S(c), l("update:height", c);
+          break;
+        case F:
+          c = i + C, S(c), l("update:height", c);
+          break;
+      }
+      l(
+        "moving",
+        {
+          width: a,
+          height: c
+        },
+        e
+      );
+    }
+    function h(e) {
+      s.moving && (s.moving = !1, M(), document.body.style.cursor = "default", l("movingEnd", e));
+    }
+    function V(e, o) {
+      var i, g;
+      o.preventDefault(), l("movingStart", o), s.moving = !0, s.startPageX = o.pageX, s.startPageY = o.pageY, s.direction = e;
+      const t = r.left + r.right, n = r.top + r.bottom;
+      s.startWidth = k(((i = v.value) == null ? void 0 : i.clientWidth) || 0, t), s.startHeight = k(((g = v.value) == null ? void 0 : g.clientHeight) || 0, n), window.addEventListener("mousemove", B), window.addEventListener("mouseup", h), window.addEventListener("contextmenu", h), document.body.style.cursor = d(e) ? "row-resize" : "col-resize";
+    }
+    function X(e, o) {
+      r[e] = Math.max(o, 0);
+    }
+    function j(e, o) {
+      const { width: t, height: n } = o.contentRect, i = d(e) ? n : t;
+      X(e, i);
+    }
+    function q(e, o) {
+      H[e] = o instanceof HTMLElement ? o : null;
+    }
+    return K(
+      b,
+      (e) => {
+        const o = new Set(e);
+        for (const t of E)
+          o.has(t) || (r[t] = 0);
+      },
+      { immediate: !0 }
+    ), Q((e) => {
+      const o = b.value, t = [];
+      for (const n of o) {
+        const i = H[n];
+        if (!i)
+          continue;
+        const g = i.getBoundingClientRect();
+        if (X(n, d(n) ? g.height : g.width), typeof ResizeObserver > "u")
+          continue;
+        const a = new ResizeObserver((c) => {
+          const [u] = c;
+          u && j(n, u);
+        });
+        a.observe(i), t.push(a);
+      }
+      e(() => {
+        for (const n of t)
+          n.disconnect();
+      });
+    }), Z(() => {
+      M(), document.body.style.cursor = "default";
+    }), (e, o) => (f(), ee(te(R.component), oe({
+      ref_key: "wrapperRef",
+      ref: v,
+      class: "x-resize-box"
+    }, e.$attrs, { style: U.value }), {
+      default: ne(() => [
+        z(e.$slots, "default"),
+        (f(!0), m(Y, null, D(b.value, (t) => (f(), m("div", {
+          key: t,
+          ref_for: !0,
+          ref: (n) => q(t, n),
+          class: _(["x-resize-box__direction", `x-resize-box__direction--${t}`]),
+          onMousedown: re((n) => V(t, n), ["stop"])
+        }, [
+          e.$slots["resize-trigger"] ? z(e.$slots, "resize-trigger", {
+            key: 0,
+            direction: t
+          }) : (f(), m("div", {
+            key: 1,
+            class: _(["x-resize-box__trigger", {
+              "x-resize-box__trigger--horizontal": d(t),
+              "x-resize-box__trigger--vertical": !d(t)
+            }])
+          }, [
+            y("div", se, [
+              z(e.$slots, "resize-trigger-icon", { direction: t }, () => [
+                y("span", {
+                  class: _(["x-resize-box__trigger-icon", {
+                    "x-resize-box__trigger-icon--horizontal": d(t),
+                    "x-resize-box__trigger-icon--vertical": !d(t)
+                  }])
+                }, [
+                  (f(), m(Y, null, D(6, (n) => y("span", {
+                    key: n,
+                    class: "x-resize-box__trigger-dot"
+                  })), 64))
+                ], 2)
+              ])
+            ])
+          ], 2))
+        ], 42, ie))), 128))
+      ]),
+      _: 3
+    }, 16, ["style"]));
+  }
+});
+export {
+  de as default
+};

package/dist/components/XResizeBox.vue2.js

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

package/dist/components/XResult.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as _, computed as c, openBlock as e, createElementBlock as l, createElementVNode as v, normalizeClass as w, renderSlot as o, createCommentVNode as a, createTextVNode as d, toDisplayString as C } from "vue";
+import p from "./result-assets/result-403.svg.js";
+import f from "./result-assets/result-404.svg.js";
+import S from "./result-assets/result-500.svg.js";
+const x = { class: "x-result" }, M = { class: "x-result__icon-tip" }, k = ["src"], z = ["innerHTML"], b = {
+  key: 0,
+  class: "x-result__title"
+}, L = {
+  key: 1,
+  class: "x-result__subtitle"
+}, $ = {
+  key: 2,
+  class: "x-result__extra"
+}, y = {
+  key: 3,
+  class: "x-result__content"
+}, E = /* @__PURE__ */ _({
+  __name: "XResult",
+  props: {
+    status: { default: "info" },
+    title: {},
+    subtitle: {}
+  },
+  setup(r) {
+    const i = r, h = {
+      info: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="info"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M512 672.5c-17.7 0-32-14.3-32-32v-416c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 17.7-14.3 32-32 32zM512 801c-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1c0 17.7-14.3 32-32 32z"></path></svg>',
+      success: '<svg role="img" aria-label="success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.00016 14C11.3139 14 14.0002 11.3137 14.0002 8.00004C14.0002 4.68633 11.3139 2.00004 8.00016 2.00004C4.68646 2.00004 2.00016 4.68633 2.00016 8.00004C2.00016 11.3137 4.68645 14 8.00016 14ZM15.3335 8.00004C15.3335 12.0501 12.0503 15.3334 8.00016 15.3334C3.95008 15.3334 0.66683 12.0501 0.666831 8.00004C0.666831 3.94995 3.95008 0.666707 8.00016 0.666707C12.0503 0.666708 15.3335 3.94995 15.3335 8.00004ZM7.3335 10.6095L4.72402 8.00004L5.66683 7.05723L7.3335 8.7239L10.6668 5.39057L11.6096 6.33337L7.3335 10.6095Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" fill-opacity="0.9"></path></svg>',
+      warning: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="warning"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M512 672.5c-17.7 0-32-14.3-32-32v-416c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 17.7-14.3 32-32 32zM512 801c-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1c0 17.7-14.3 32-32 32z"></path></svg>',
+      error: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="error"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M562.9 517.7l145.1 145c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-145-145.1c-3.1-3.1-8.2-3.1-11.3 0L361.3 708c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l145.1-145.1c3.1-3.1 3.1-8.2 0-11.3L316 361.3c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l145.1 145.1c3.1 3.1 8.2 3.1 11.3 0l145-145.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-145.1 145a8.15 8.15 0 0 0 0 11.4z"></path></svg>'
+    }, g = {
+      403: p,
+      404: f,
+      500: S
+    }, t = c(() => i.status === void 0 ? "info" : i.status), m = c(
+      () => t.value === null ? "x-result__icon--custom" : `x-result__icon--${t.value}`
+    ), u = c(() => t.value === "403" || t.value === "404" || t.value === "500" ? g[t.value] : ""), n = c(() => t.value === "info" || t.value === "success" || t.value === "warning" || t.value === "error" ? h[t.value] : "");
+    return (s, T) => (e(), l("section", x, [
+      v("div", {
+        class: w(["x-result__icon", m.value])
+      }, [
+        v("div", M, [
+          o(s.$slots, "icon", {}, () => [
+            u.value ? (e(), l("img", {
+              key: 0,
+              class: "x-result__status-image",
+              src: u.value,
+              alt: ""
+            }, null, 8, k)) : n.value ? (e(), l("span", {
+              key: 1,
+              class: "x-result__status-svg",
+              "aria-hidden": "true",
+              innerHTML: n.value
+            }, null, 8, z)) : a("", !0)
+          ])
+        ])
+      ], 2),
+      r.title || s.$slots.title ? (e(), l("div", b, [
+        o(s.$slots, "title", {}, () => [
+          d(C(r.title), 1)
+        ])
+      ])) : a("", !0),
+      r.subtitle || s.$slots.subtitle ? (e(), l("div", L, [
+        o(s.$slots, "subtitle", {}, () => [
+          d(C(r.subtitle), 1)
+        ])
+      ])) : a("", !0),
+      s.$slots.extra ? (e(), l("div", $, [
+        o(s.$slots, "extra")
+      ])) : a("", !0),
+      s.$slots.default ? (e(), l("div", y, [
+        o(s.$slots, "default")
+      ])) : a("", !0)
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/components/XResult.vue2.js

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