@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XGridLayout.vue2.js

@@ -0,0 +1,66 @@
+import { defineComponent as b, ref as B, onMounted as h, onUnmounted as V, computed as a, onBeforeUpdate as _, provide as t, openBlock as L, createElementBlock as S, normalizeStyle as $, renderSlot as z } from "vue";
+const E = /* @__PURE__ */ b({
+  __name: "XGridLayout",
+  props: {
+    cols: { default: 24 },
+    colGap: { default: 0 },
+    rowGap: { default: 0 },
+    collapsed: { type: Boolean, default: !1 },
+    collapsedRows: { default: 1 }
+  },
+  setup(y) {
+    const o = {
+      sm: 576,
+      md: 768,
+      lg: 992,
+      xl: 1200,
+      xxl: 1600,
+      xxxl: 2e3
+    }, n = y, l = B("xs"), i = () => {
+      const e = window.innerWidth;
+      e >= o.xxxl ? l.value = "xxxl" : e >= o.xxl ? l.value = "xxl" : e >= o.xl ? l.value = "xl" : e >= o.lg ? l.value = "lg" : e >= o.md ? l.value = "md" : e >= o.sm ? l.value = "sm" : l.value = "xs";
+    };
+    h(() => {
+      i(), window.addEventListener("resize", i);
+    }), V(() => {
+      window.removeEventListener("resize", i);
+    });
+    function u(e, x = 1) {
+      if (typeof e == "number")
+        return e;
+      const r = l.value, p = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], k = p.indexOf(r);
+      for (let c = k; c < p.length; c++) {
+        const v = p[c];
+        if (e[v] !== void 0)
+          return e[v];
+      }
+      return x;
+    }
+    const d = a(() => u(n.cols, 24)), f = a(() => u(n.colGap, 0)), m = a(() => u(n.rowGap, 0)), w = a(() => n.collapsed ? n.collapsedRows * d.value : 1 / 0);
+    let g = 0;
+    const s = /* @__PURE__ */ new Map();
+    _(() => {
+      g = 0, s.clear();
+    }), t("x-grid-layout-cols", d), t("x-grid-layout-col-gap", f), t("x-grid-layout-row-gap", m), t("x-grid-layout-breakpoint", l), t("x-grid-layout-max-visible", w), t("x-grid-layout-collapsed", a(() => n.collapsed)), t("x-grid-layout-register", (e, x) => {
+      if (s.has(e))
+        return s.get(e);
+      const r = g++;
+      return s.set(e, r), r;
+    });
+    const G = a(() => ({
+      display: "grid",
+      gridTemplateColumns: `repeat(${d.value}, minmax(0, 1fr))`,
+      columnGap: `${f.value}px`,
+      rowGap: `${m.value}px`
+    }));
+    return (e, x) => (L(), S("div", {
+      class: "x-grid-layout",
+      style: $(G.value)
+    }, [
+      z(e.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+});
+export {
+  E as default
+};

package/dist/components/XGridLayoutItem.vue.js

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

package/dist/components/XGridLayoutItem.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as w, inject as r, ref as I, onMounted as $, computed as u, withDirectives as _, openBlock as z, createElementBlock as B, normalizeStyle as L, normalizeClass as M, renderSlot as O, vShow as j } from "vue";
+const D = /* @__PURE__ */ w({
+  __name: "XGridLayoutItem",
+  props: {
+    span: { default: 1 },
+    offset: { default: 0 },
+    suffix: { type: Boolean, default: !1 }
+  },
+  setup(v) {
+    const i = v, h = Math.random().toString(36).substr(2, 9), a = r("x-grid-layout-cols"), n = r("x-grid-layout-max-visible"), o = r("x-grid-layout-collapsed"), f = r("x-grid-layout-breakpoint"), m = r("x-grid-layout-register"), c = I(0);
+    $(() => {
+      m && (c.value = m(h, i.suffix));
+    });
+    function p(t, s = 1) {
+      if (typeof t == "number")
+        return t;
+      const l = (f == null ? void 0 : f.value) || "xs", e = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], d = e.indexOf(l);
+      for (let x = d; x < e.length; x++) {
+        const g = e[x];
+        if (t[g] !== void 0)
+          return t[g];
+      }
+      return s;
+    }
+    const C = u(() => p(i.span, 1)), S = u(() => p(i.offset, 0)), y = u(() => {
+      if (!(o != null && o.value) || i.suffix) return !0;
+      const t = (n == null ? void 0 : n.value) || 1 / 0;
+      return c.value < t;
+    }), b = u(() => {
+      if (!(o != null && o.value)) return !1;
+      const t = (n == null ? void 0 : n.value) || 0;
+      return c.value >= t;
+    }), k = u(() => {
+      const t = {};
+      if (!y.value)
+        return t.display = "none", t;
+      const s = C.value, l = S.value;
+      if (l > 0 || s !== 1) {
+        const e = l + 1, d = (a == null ? void 0 : a.value) || 24;
+        e + s - 1 > d ? t.gridColumn = `${e} / -1` : t.gridColumn = `${e} / span ${s}`;
+      }
+      return t;
+    });
+    return (t, s) => _((z(), B("div", {
+      class: M(["x-grid-layout-item", { "x-grid-layout-item-suffix": v.suffix }]),
+      style: L(k.value)
+    }, [
+      O(t.$slots, "default", { overflow: b.value }, void 0, !0)
+    ], 6)), [
+      [j, y.value]
+    ]);
+  }
+});
+export {
+  D as default
+};

package/dist/components/XIcon.js

@@ -0,0 +1,5 @@
+import { createXIconComponent as o } from "./x-icon-shared.js";
+const t = o("XIcon");
+export {
+  t as default
+};

package/dist/components/XIconLite.js

@@ -0,0 +1,8 @@
+import { createXIconComponent as o } from "./x-icon-shared.js";
+import { XIconLoaders as c, XIconRegistry as I } from "./x-icon-shared.js";
+const t = o("XIconLite");
+export {
+  c as XIconLoaders,
+  I as XIconRegistry,
+  t as default
+};

package/dist/components/XImage.vue.js

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

package/dist/components/XImage.vue2.js

@@ -0,0 +1,241 @@
+import { defineComponent as W, inject as e3, ref as r, watch as E, onUnmounted as t3, computed as l, openBlock as t, createElementBlock as i, normalizeStyle as N, normalizeClass as z, createVNode as u, unref as v, createCommentVNode as n, renderSlot as a3, createElementVNode as s, toDisplayString as b, createBlock as i3, Teleport as l3, withModifiers as d } from "vue";
+import m from "./XIcon.js";
+import "./XIconLite.js";
+import { hasDarkThemeContext as o3 } from "../composables/theme-context.js";
+import { XIconRegistry as L } from "./x-icon-shared.js";
+const n3 = {
+  key: 0,
+  class: "x-image__loading"
+}, r3 = ["src", "alt"], s3 = {
+  key: 2,
+  class: "x-image__placeholder"
+}, c3 = {
+  key: 3,
+  class: "x-image__footer"
+}, u3 = {
+  key: 0,
+  class: "x-image__title"
+}, v3 = {
+  key: 1,
+  class: "x-image__description"
+}, d3 = { class: "x-image-preview__img-wrap" }, m3 = ["src", "alt"], p3 = {
+  key: 3,
+  class: "x-image-preview__indicator"
+}, T = "image-preview-flip-horizontal", V = "image-preview-flip-vertical", y3 = /* @__PURE__ */ W({
+  __name: "XImage",
+  props: {
+    src: {},
+    alt: {},
+    fit: { default: "cover" },
+    width: {},
+    height: {},
+    radius: {},
+    fallback: {},
+    preview: { type: Boolean, default: !1 },
+    showLoader: { type: Boolean, default: !0 },
+    description: { default: "" },
+    title: {},
+    loading: { type: Boolean, default: void 0 },
+    tool: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a, f = e3("x-image-group", null), C = r(!1), g = r(!1), w = r(!0), Z = r(null), c = r(0), y = r(0), M = r(1), B = r(1);
+    L.has(T) || L.register(T, {
+      viewBox: "0 0 1024 1024",
+      content: '<path d="M267.61 700.31l164.64-151.40000001c20.34-18.7 20.34-52.98 0-71.68999999l-164.64-151.40000001L134.2 203.13c-27.8-25.57-70.2-3.92-70.2 35.84L64 787.15c0 39.76 42.4 61.41 70.2 35.84L267.61 700.31zM756.38999999 324.76l-164.63999999 151.4c-10.17 9.35-15.25 22.6-15.25 35.84 0 13.25 5.08 26.49 15.25 35.84l164.63999999 151.4L889.8 821.93C917.6 847.5 960 825.85 960 786.09l0-548.18c0-39.76-42.4-61.41-70.2-35.84l-133.41000001 122.69zM890.01000001 512L890.01 727.02999999l-86.24-79.30999999L656.18 512 803.77 376.28l86.24-79.30999999L890.01000001 512z"></path><path d="M511.603683 64.004044a35 34.99 0.101 1 0-0.12335899 69.979891 35 34.99 0.101 1 0 0.12335899-69.979891Z"></path><path d="M546.55 236.66a34.99 35 90 1 0-70 0 34.99 35 90 1 0 70 0Z"></path><path d="M546.55 374.32999999a34.99 35 90 1 0-70 1e-8 34.99 35 90 1 0 70-1e-8Z"></path><path d="M547.441 511.106a34.99 35 90 1 0-70 0 34.99 35 90 1 0 70 0Z"></path><path d="M546.55 787.34a34.99 35 90 1 0-70 0 34.99 35 90 1 0 70 0Z"></path><path d="M546.55 649.67000001a34.99 35 90 1 0-70-1e-8 34.99 35 90 1 0 70 1e-8Z"></path><path d="M546.55 925.01a34.99 35 90 1 0-70 0 34.99 35 90 1 0 70 0Z"></path>'
+    }), L.has(V) || L.register(V, {
+      viewBox: "0 0 1228 1024",
+      content: '<path d="M648.19791665 585.40625002l307.96875 337.5c16.875 16.875 12.65625 42.1875-4.21875 59.0625-4.21875 8.4375-12.65625 12.65625-25.3125 12.65625l-620.15625 0c-25.3125 0-42.1875-16.875-42.1875-42.1875 0-8.43750001 4.21875-21.09375 12.65625001-29.53125l307.96874999-337.5c16.875-16.875 46.40625-16.875 63.28125 0zM589.13541665 391.34375002l-307.96875-337.50000001c-16.875-16.875-12.65625-42.1875 4.21875-59.06249999 4.21875-8.4375 12.65625-12.65625 25.3125-12.65625L926.63541665-17.87499998c25.3125 0 42.1875 16.875 42.1875 42.1875 0 8.43750001-4.21875 21.09375-12.65625 29.53124999l-307.96875 337.50000001c-12.65625 16.875-42.1875 16.875-59.0625 0z m16.875-122.34375001c8.4375 8.4375 21.09375 8.4375 29.53125 1e-8l156.09375-168.75c4.21875-4.21875 4.21875-8.4375 4.21875-12.65625 0-12.65625-8.4375-21.09375-21.09375-21.09375l-307.96875 0c-4.21875 0-8.43750001 0-12.65625 4.21875-8.4375 8.4375-8.4375 21.09375 0 29.53125l151.875 168.74999999zM1040.54166665 488.37500002c0 25.3125-16.875 42.1875-42.1875 42.1875s-42.1875-16.875-42.1875-42.18749999 16.875-42.1875 42.1875-42.18750001 42.18750001 21.09375 42.1875 42.1875zM913.97916665 488.37500003c0 25.3125-16.875 42.1875-42.1875 42.18749999s-42.1875-16.875-42.1875-42.1875 16.875-42.1875 42.1875-42.1875 42.18750001 21.09375 42.1875 42.18750001zM787.41666665 488.37500002c0 25.3125-16.875 42.1875-42.1875 42.1875s-42.1875-16.875-42.1875-42.1875 16.875-42.1875 42.1875-42.1875 42.18750001 21.09375 42.1875 42.1875zM660.85416665 488.37500003c0 25.3125-16.875 42.1875-42.1875 42.18749999s-42.1875-16.875-42.1875-42.18749999 16.875-42.1875 42.1875-42.1875 42.18750001 21.09375 42.1875 42.1875zM534.29166665 488.37500002c0 25.3125-16.875 42.1875-42.1875 42.1875s-42.1875-16.875-42.1875-42.1875 16.875-42.1875 42.1875-42.1875 42.18750001 21.09375 42.1875 42.1875zM407.72916665 488.37500002c0 25.3125-16.875 42.1875-42.1875 42.1875s-42.1875-16.875-42.1875-42.18749999 16.875-42.1875 42.1875-42.18750001 42.18750001 21.09375 42.1875 42.1875zM281.16666665 488.37500003c0 25.3125-16.875 42.1875-42.1875 42.18749999s-42.1875-16.875-42.1875-42.1875 16.875-42.1875 42.1875-42.1875 42.18750001 21.09375 42.1875 42.18750001z"></path>'
+    }), E(() => e.src, () => {
+      e.loading === void 0 && (w.value = !0), C.value = !1;
+    }, { immediate: !0 }), E(() => e.loading, (o) => {
+      o !== void 0 && (w.value = o);
+    }, { immediate: !0 });
+    let P = -1;
+    f && e.src && (P = f.register(e.src)), t3(() => {
+    });
+    const k = l(() => C.value ? e.fallback || "" : e.src || ""), F = l(() => ({
+      width: e.width ? typeof e.width == "number" ? `${e.width}px` : e.width : void 0,
+      height: e.height ? typeof e.height == "number" ? `${e.height}px` : e.height : void 0,
+      borderRadius: e.radius ? typeof e.radius == "number" ? `${e.radius}px` : e.radius : void 0
+    })), p = l(() => f ? f.images.filter(Boolean) : e.src ? [e.src] : []), j = l(() => f && p.value.length > 0 ? p.value[c.value] || p.value[0] : k.value), A = l(() => e.loading !== void 0 ? e.loading && e.showLoader : w.value && e.showLoader), I = l(() => p.value.length > 1), $ = l(() => c.value > 0), R = l(() => c.value < p.value.length - 1), D = l(() => ({
+      transform: `rotate(${y.value}deg) scale(${M.value}, ${B.value})`
+    })), G = l(() => typeof document > "u" ? "" : (g.value, o3(Z.value) ? "x-theme-dark" : ""));
+    function O() {
+      w.value = !1, C.value = !0;
+    }
+    function U() {
+      w.value = !1;
+    }
+    function _() {
+      y.value = 0, M.value = 1, B.value = 1;
+    }
+    function Y() {
+      !e.preview || !k.value || (c.value = P >= 0 ? P : 0, _(), g.value = !0);
+    }
+    function S() {
+      g.value = !1, _();
+    }
+    function H() {
+      $.value && (c.value--, _());
+    }
+    function X() {
+      R.value && (c.value++, _());
+    }
+    function q() {
+      M.value *= -1;
+    }
+    function J() {
+      B.value *= -1;
+    }
+    function K() {
+      y.value = (y.value + 90) % 360;
+    }
+    function Q(o) {
+      o.target === o.currentTarget && S();
+    }
+    let x = null;
+    return E(g, (o) => {
+      o ? (document.body.style.overflow = "hidden", x = (h) => {
+        switch (h.key) {
+          case "Escape":
+            S();
+            break;
+          case "ArrowLeft":
+            H();
+            break;
+          case "ArrowRight":
+            X();
+            break;
+        }
+      }, document.addEventListener("keydown", x)) : (document.body.style.overflow = "", x && (document.removeEventListener("keydown", x), x = null));
+    }), (o, h) => (t(), i("div", {
+      ref_key: "imageRef",
+      ref: Z,
+      class: z(["x-image", { "is-previewable": a.preview }]),
+      style: N(F.value)
+    }, [
+      A.value ? (t(), i("div", n3, [
+        u(v(m), {
+          name: "shuaxin",
+          spin: "",
+          size: 16
+        })
+      ])) : n("", !0),
+      k.value ? (t(), i("img", {
+        key: 1,
+        class: "x-image__inner",
+        src: k.value,
+        alt: a.alt,
+        style: N({ objectFit: a.fit }),
+        onError: O,
+        onLoad: U,
+        onClick: Y
+      }, null, 44, r3)) : (t(), i("div", s3, [
+        a3(o.$slots, "placeholder", {}, () => [
+          h[1] || (h[1] = s("svg", {
+            class: "x-image__placeholder-icon",
+            viewBox: "0 0 1024 1024",
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "48",
+            height: "48"
+          }, [
+            s("path", {
+              d: "M455.317333 202.666667a32 32 0 0 1 3.093334 63.850666l-3.093334 0.149334H277.333333a32 32 0 0 0-31.850666 28.928L245.333333 298.666667v299.946666l70.357334-67.093333a32 32 0 0 1 40.896-2.752l2.56 2.090667 55.488 49.792 159.296-151.978667a32 32 0 0 1 46.442666 43.925333l-2.261333 2.368-155.776 148.629334a32 32 0 0 1-42.069333 47.872l-2.56-2.069334-79.253334-71.146666-90.389333 86.229333c-0.853333 0.853333-1.770667 1.621333-2.709333 2.346667L245.333333 725.333333a32 32 0 0 0 28.928 31.850667L277.333333 757.333333h426.666667a32 32 0 0 0 31.850667-28.928L736 725.333333v-44.864a32 32 0 0 1 63.850667-3.093333l0.149333 3.093333V725.333333a96 96 0 0 1-91.477333 95.893334L704 821.333333H277.333333a96 96 0 0 1-95.893333-91.477333L181.333333 725.333333V298.666667a96 96 0 0 1 91.477334-95.893334L277.333333 202.666667h177.984z m274.624 291.328c13.141333 0 24.490667 4.181333 33.450667 12.544 8.362667 8.362667 13.141333 19.114667 13.141333 32.256s-4.778667 24.490667-13.738666 32.853333c-8.96 8.362667-19.712 12.544-32.853334 12.544s-23.893333-4.778667-32.853333-13.141333c-8.96-8.362667-13.141333-19.114667-13.141333-32.256s4.181333-23.893333 13.141333-32.256c8.96-8.362667 19.712-12.544 32.853333-12.544zM740.693333 149.333333c38.826667 0 70.485333 10.154667 94.378667 31.658667 23.893333 20.906667 35.84 49.578667 35.84 86.016 0 29.866667-7.765333 54.357333-22.101333 73.472-5.376 5.973333-22.698667 22.101333-51.370667 47.189333a92.586667 92.586667 0 0 0-23.893333 29.866667c-5.973333 11.946667-8.213333 19.946667-8.213334 34.282667-5.12 15.616-17.322667 23.424-36.629333 23.424-19.328 0-30.016-7.808-32.064-23.424 0-22.698667 2.837333-37.866667 11.2-53.994667 7.765333-16.128 31.061333-41.216 69.888-75.861333l7.168-8.362667c10.752-13.141333 16.128-27.477333 16.128-42.410667 0-19.712-5.973333-35.242667-16.725333-46.592-11.349333-11.349333-27.477333-16.725333-47.786667-16.725333-26.282667 0-44.8 7.765333-56.149333 24.490667-10.154667 13.738667-14.933333 33.450667-14.933334 58.538666-1.642667 15.146667-13.397333 22.698667-35.285333 22.698667-21.866667 0-32.810667-7.573333-32.810667-22.698667 0-44.202667 12.544-78.848 38.826667-103.936C661.845333 161.877333 696.490667 149.333333 740.693333 149.333333z",
+              fill: "#CCCCCC"
+            })
+          ], -1))
+        ], !0)
+      ])),
+      a.title || a.description ? (t(), i("div", c3, [
+        a.title ? (t(), i("div", u3, b(a.title), 1)) : n("", !0),
+        a.description ? (t(), i("div", v3, b(a.description), 1)) : n("", !0)
+      ])) : n("", !0),
+      (t(), i3(l3, { to: "body" }, [
+        g.value ? (t(), i("div", {
+          key: 0,
+          class: z(["x-image-preview", G.value]),
+          onClick: Q
+        }, [
+          s("button", {
+            class: "x-image-preview__close",
+            onClick: d(S, ["stop"])
+          }, [
+            u(v(m), {
+              name: "guanbi",
+              size: 20
+            })
+          ]),
+          a.tool ? (t(), i("div", {
+            key: 0,
+            class: "x-image-preview__toolbar",
+            onClick: h[0] || (h[0] = d(() => {
+            }, ["stop"]))
+          }, [
+            s("button", {
+              class: "x-image-preview__tool",
+              onClick: d(q, ["stop"])
+            }, [
+              u(v(m), {
+                name: T,
+                size: 18
+              })
+            ]),
+            s("button", {
+              class: "x-image-preview__tool",
+              onClick: d(J, ["stop"])
+            }, [
+              u(v(m), {
+                name: V,
+                size: 18
+              })
+            ]),
+            s("button", {
+              class: "x-image-preview__tool",
+              onClick: d(K, ["stop"])
+            }, [
+              u(v(m), {
+                name: "shuaxin",
+                size: 18
+              })
+            ])
+          ])) : n("", !0),
+          I.value ? (t(), i("button", {
+            key: 1,
+            class: z(["x-image-preview__nav x-image-preview__nav--prev", { "is-disabled": !$.value }]),
+            onClick: d(H, ["stop"])
+          }, [
+            u(v(m), {
+              name: "mono-left-full",
+              size: 24
+            })
+          ], 2)) : n("", !0),
+          s("div", d3, [
+            s("img", {
+              class: "x-image-preview__img",
+              src: j.value,
+              alt: a.alt,
+              style: N(D.value),
+              decoding: "async"
+            }, null, 12, m3)
+          ]),
+          I.value ? (t(), i("button", {
+            key: 2,
+            class: z(["x-image-preview__nav x-image-preview__nav--next", { "is-disabled": !R.value }]),
+            onClick: d(X, ["stop"])
+          }, [
+            u(v(m), {
+              name: "mono-right-full",
+              size: 24
+            })
+          ], 2)) : n("", !0),
+          I.value ? (t(), i("div", p3, b(c.value + 1) + " / " + b(p.value.length), 1)) : n("", !0)
+        ], 2)) : n("", !0)
+      ]))
+    ], 6));
+  }
+});
+export {
+  y3 as default
+};

package/dist/components/XImageGroup.vue.js

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

package/dist/components/XImageGroup.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent as s, ref as n, provide as a, openBlock as i, createElementBlock as p, renderSlot as u } from "vue";
+const l = { class: "x-image-group" }, c = /* @__PURE__ */ s({
+  __name: "XImageGroup",
+  props: {
+    images: {}
+  },
+  setup(t) {
+    const e = n(t.images || []);
+    return a("x-image-group", {
+      images: e.value,
+      register: (r) => {
+        const o = e.value.indexOf(r);
+        return o >= 0 ? o : (e.value.push(r), e.value.length - 1);
+      }
+    }), (r, o) => (i(), p("div", l, [
+      u(r.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  c as default
+};

package/dist/components/XInput.vue.js

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