@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XDatePicker.vue2.js

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

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

@@ -32,15 +32,15 @@ declare function __VLS_template(): {
 };
 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<{}>, {
-    tableLayout: "auto" | "fixed";
-    columns: number;
     title: string;
+    size: "default" | "middle" | "small";
     column: number | ResponsiveColumn;
     layout: "horizontal" | "vertical";
-    size: "default" | "middle" | "small";
+    contentStyle: CSSProperties;
+    tableLayout: "auto" | "fixed";
+    columns: number;
     bordered: boolean;
     extra: string;
-    contentStyle: CSSProperties;
     colon: boolean;
     labelStyle: CSSProperties;
     rowHeight: number | string;

package/dist/components/XDescriptions.vue.js

@@ -0,0 +1,260 @@
+import { defineComponent as M, useSlots as G, ref as J, computed as y, onMounted as K, onBeforeUnmount as O, openBlock as l, createElementBlock as r, normalizeStyle as _, normalizeClass as b, renderSlot as R, createTextVNode as h, toDisplayString as k, createCommentVNode as C, createElementVNode as d, Fragment as u, renderList as x, createBlock as E, unref as N, createVNode as H, Comment as Q } from "vue";
+const Y = {
+  key: 0,
+  class: "x-descriptions__header"
+}, ee = {
+  key: 0,
+  class: "x-descriptions__title"
+}, te = {
+  key: 1,
+  class: "x-descriptions__extra"
+}, ne = { class: "x-descriptions__body" }, oe = { class: "x-descriptions__table" }, se = { key: 0 }, le = { class: "x-descriptions__row x-descriptions__row--label" }, re = ["colspan"], ie = { class: "x-descriptions__cell-inner" }, ae = { class: "x-descriptions__row x-descriptions__row--content" }, ce = ["colspan"], de = { class: "x-descriptions__cell-inner" }, ue = { key: 1 }, fe = { class: "x-descriptions__cell-inner" }, pe = ["colspan"], ye = { class: "x-descriptions__cell-inner" }, be = /* @__PURE__ */ M({
+  __name: "XDescriptions",
+  props: {
+    title: { default: "" },
+    extra: { default: "" },
+    bordered: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: !0 },
+    columns: { default: void 0 },
+    column: { default: 3 },
+    layout: { default: "horizontal" },
+    size: { default: "default" },
+    labelStyle: { default: void 0 },
+    contentStyle: { default: void 0 },
+    tableLayout: { default: "auto" },
+    rowHeight: { default: void 0 },
+    labelWidth: { default: void 0 },
+    contentWidth: { default: void 0 }
+  },
+  setup(f) {
+    const i = f, v = G(), S = J(typeof window > "u" ? 1920 : window.innerWidth), I = {
+      xxl: 1600,
+      xl: 1200,
+      lg: 992,
+      md: 768,
+      sm: 576,
+      xs: 0
+    }, w = M({
+      name: "XDescriptionsRenderNodes",
+      props: {
+        nodes: {
+          type: Array,
+          default: () => []
+        }
+      },
+      setup(e) {
+        return () => e.nodes;
+      }
+    });
+    function g(e, o) {
+      const t = Number(e);
+      return !Number.isFinite(t) || t <= 0 ? o : Math.floor(t);
+    }
+    function m(e) {
+      if (!(e == null || e === ""))
+        return typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
+    }
+    function $(e) {
+      return e ? Array.isArray(e) ? e : typeof e == "string" || typeof e == "number" ? [h(String(e))] : [e] : [];
+    }
+    function z(e) {
+      const o = [];
+      for (const t of e)
+        if (!(!t || t.type === Q)) {
+          if (t.type === u) {
+            const s = Array.isArray(t.children) ? t.children : [];
+            o.push(...z(s));
+            continue;
+          }
+          o.push(t);
+        }
+      return o;
+    }
+    function c(e, o) {
+      const t = e.props || {};
+      if (o in t)
+        return t[o];
+      const s = o.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
+      return t[s];
+    }
+    function X(e) {
+      const o = e.type;
+      return !o || typeof o == "string" ? !1 : o.name === "XDescriptionsItem" || o.__name === "XDescriptionsItem" ? !0 : c(e, "label") !== void 0 || c(e, "span") !== void 0;
+    }
+    function F(e, o) {
+      var a, p;
+      if (!X(e))
+        return null;
+      const t = e.children, s = $((a = t == null ? void 0 : t.default) == null ? void 0 : a.call(t)), n = $((p = t == null ? void 0 : t.label) == null ? void 0 : p.call(t));
+      return {
+        key: typeof e.key == "symbol" ? o : e.key ?? o,
+        label: String(c(e, "label") ?? ""),
+        span: g(c(e, "span"), 1),
+        bg: c(e, "bg"),
+        color: c(e, "color"),
+        labelStyle: c(e, "labelStyle"),
+        contentStyle: c(e, "contentStyle"),
+        labelClass: c(e, "labelClass"),
+        contentClass: c(e, "contentClass"),
+        labelNodes: n,
+        contentNodes: s
+      };
+    }
+    function P(e, o) {
+      if (typeof e == "number")
+        return g(e, 3);
+      const t = ["xxl", "xl", "lg", "md", "sm", "xs"];
+      for (const s of t) {
+        const n = e[s];
+        if (n !== void 0 && o >= I[s])
+          return g(n, 3);
+      }
+      return 3;
+    }
+    function T(e, o) {
+      const t = [];
+      let s = [], n = 0;
+      for (const a of e) {
+        const p = {
+          ...a,
+          span: Math.min(Math.max(1, a.span), o)
+        };
+        n + p.span > o && s.length > 0 && (s[s.length - 1].span += o - n, t.push(s), s = [], n = 0), s.push(p), n += p.span, n === o && (t.push(s), s = [], n = 0);
+      }
+      return s.length > 0 && (s[s.length - 1].span += o - n, t.push(s)), t;
+    }
+    const U = y(() => typeof i.columns == "number" && i.columns > 0 ? g(i.columns, 3) : P(i.column, S.value)), Z = y(() => {
+      const e = v.default ? v.default() : [];
+      return z(e).map((t, s) => F(t, s)).filter((t) => t !== null);
+    }), V = y(() => T(Z.value, U.value)), j = y(() => {
+      const e = {
+        "--x-desc-table-layout": i.tableLayout
+      }, o = m(i.rowHeight), t = m(i.labelWidth), s = m(i.contentWidth);
+      return o && (e["--x-desc-row-height"] = o), t && (e["--x-desc-label-width"] = t), s && (e["--x-desc-content-width"] = s), e;
+    }), q = y(() => !!(i.title || i.extra || v.title || v.extra)), W = y(() => i.layout === "vertical");
+    function L() {
+      S.value = window.innerWidth;
+    }
+    function B(e) {
+      return e ? i.colon ? `${e}:` : e : "";
+    }
+    function A(e) {
+      return [
+        i.labelStyle,
+        e.labelStyle,
+        e.bg ? { backgroundColor: e.bg } : void 0,
+        e.color ? { color: e.color } : void 0
+      ];
+    }
+    function D(e) {
+      return [
+        i.contentStyle,
+        e.contentStyle,
+        e.bg ? { backgroundColor: e.bg } : void 0,
+        e.color ? { color: e.color } : void 0
+      ];
+    }
+    return K(() => {
+      typeof window > "u" || window.addEventListener("resize", L, { passive: !0 });
+    }), O(() => {
+      typeof window > "u" || window.removeEventListener("resize", L);
+    }), (e, o) => (l(), r("div", {
+      class: b(["x-descriptions", [
+        `x-descriptions--${f.size}`,
+        { "is-bordered": f.bordered, "is-vertical": W.value }
+      ]]),
+      style: _(j.value)
+    }, [
+      q.value ? (l(), r("div", Y, [
+        e.$slots.title || f.title ? (l(), r("div", ee, [
+          R(e.$slots, "title", {}, () => [
+            h(k(f.title), 1)
+          ])
+        ])) : C("", !0),
+        e.$slots.extra || f.extra ? (l(), r("div", te, [
+          R(e.$slots, "extra", {}, () => [
+            h(k(f.extra), 1)
+          ])
+        ])) : C("", !0)
+      ])) : C("", !0),
+      d("div", ne, [
+        d("table", oe, [
+          W.value ? (l(), r("tbody", se, [
+            (l(!0), r(u, null, x(V.value, (t, s) => (l(), r(u, {
+              key: `vertical-${s}`
+            }, [
+              d("tr", le, [
+                (l(!0), r(u, null, x(t, (n, a) => (l(), r("th", {
+                  key: `${n.key}-label-${a}`,
+                  class: b(["x-descriptions__cell x-descriptions__cell--label", n.labelClass]),
+                  colspan: n.span,
+                  style: _(A(n))
+                }, [
+                  d("div", ie, [
+                    n.labelNodes.length > 0 ? (l(), E(N(w), {
+                      key: 0,
+                      nodes: n.labelNodes
+                    }, null, 8, ["nodes"])) : (l(), r(u, { key: 1 }, [
+                      h(k(B(n.label)), 1)
+                    ], 64))
+                  ])
+                ], 14, re))), 128))
+              ]),
+              d("tr", ae, [
+                (l(!0), r(u, null, x(t, (n, a) => (l(), r("td", {
+                  key: `${n.key}-content-${a}`,
+                  class: b(["x-descriptions__cell x-descriptions__cell--content", n.contentClass]),
+                  colspan: n.span,
+                  style: _(D(n))
+                }, [
+                  d("div", de, [
+                    H(N(w), {
+                      nodes: n.contentNodes
+                    }, null, 8, ["nodes"])
+                  ])
+                ], 14, ce))), 128))
+              ])
+            ], 64))), 128))
+          ])) : (l(), r("tbody", ue, [
+            (l(!0), r(u, null, x(V.value, (t, s) => (l(), r("tr", {
+              key: `horizontal-${s}`,
+              class: "x-descriptions__row"
+            }, [
+              (l(!0), r(u, null, x(t, (n, a) => (l(), r(u, {
+                key: `${n.key}-pair-${a}`
+              }, [
+                d("th", {
+                  class: b(["x-descriptions__cell x-descriptions__cell--label", n.labelClass]),
+                  style: _(A(n))
+                }, [
+                  d("div", fe, [
+                    n.labelNodes.length > 0 ? (l(), E(N(w), {
+                      key: 0,
+                      nodes: n.labelNodes
+                    }, null, 8, ["nodes"])) : (l(), r(u, { key: 1 }, [
+                      h(k(B(n.label)), 1)
+                    ], 64))
+                  ])
+                ], 6),
+                d("td", {
+                  class: b(["x-descriptions__cell x-descriptions__cell--content", n.contentClass]),
+                  style: _(D(n)),
+                  colspan: Math.max(1, n.span * 2 - 1)
+                }, [
+                  d("div", ye, [
+                    H(N(w), {
+                      nodes: n.contentNodes
+                    }, null, 8, ["nodes"])
+                  ])
+                ], 14, pe)
+              ], 64))), 128))
+            ]))), 128))
+          ]))
+        ])
+      ])
+    ], 6));
+  }
+});
+export {
+  be as default
+};

package/dist/components/XDescriptions.vue2.js

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

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

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'vue';
 type __VLS_Props = {
     label?: string;
+    theme?: 'light' | 'dark';
     span?: number;
     bg?: string;
     color?: string;
@@ -19,9 +20,9 @@ declare function __VLS_template(): {
 };
 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<{}>, {
-    color: string;
     label: string;
     span: number;
+    color: string;
     bg: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/XDescriptionsItem.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as t, renderSlot as l } from "vue";
+const s = /* @__PURE__ */ t({
+  __name: "XDescriptionsItem",
+  props: {
+    label: { default: "" },
+    theme: {},
+    span: { default: 1 },
+    bg: { default: void 0 },
+    color: { default: void 0 },
+    labelStyle: {},
+    contentStyle: {},
+    labelClass: {},
+    contentClass: {}
+  },
+  setup(o) {
+    return (e, a) => l(e.$slots, "default");
+  }
+});
+export {
+  s as default
+};

package/dist/components/XDescriptionsItem.vue2.js

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

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/XDgroup.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, openBlock as l, createElementBlock as n, Fragment as s, createElementVNode as a, renderSlot as t, createTextVNode as p, toDisplayString as i } from "vue";
+const c = { class: "x-dropdown-group__title" }, u = /* @__PURE__ */ r({
+  name: "XDgroup",
+  __name: "XDgroup",
+  props: {
+    title: {}
+  },
+  setup(o) {
+    return (e, d) => (l(), n(s, null, [
+      a("li", c, [
+        t(e.$slots, "title", {}, () => [
+          p(i(o.title), 1)
+        ])
+      ]),
+      t(e.$slots, "default")
+    ], 64));
+  }
+});
+export {
+  u as default
+};

package/dist/components/XDgroup.vue2.js

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

package/dist/components/XDivider.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as a, computed as c, openBlock as o, createElementBlock as d, normalizeStyle as f, normalizeClass as g, Fragment as p, createElementVNode as l, renderSlot as x, createTextVNode as u, toDisplayString as v, createCommentVNode as y } from "vue";
+const $ = { class: "x-divider__text" }, S = {
+  key: 1,
+  class: "x-divider__line x-divider__line--full"
+}, k = /* @__PURE__ */ a({
+  __name: "XDivider",
+  props: {
+    direction: {},
+    title: {},
+    margin: {},
+    mt: {},
+    mr: {},
+    mb: {},
+    ml: {}
+  },
+  setup(n) {
+    const e = n;
+    function r(i) {
+      if (!(i == null || i === ""))
+        return typeof i == "number" ? `${i}px` : /^\d+(\.\d+)?$/.test(i) ? `${i}px` : i;
+    }
+    function m(i) {
+      if (!(i == null || i === ""))
+        return typeof i == "number" ? `${i}px` : i.trim().split(/\s+/).map((t) => /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t).join(" ");
+    }
+    const s = c(() => {
+      const i = e.direction === "vertical", t = e.margin !== void 0 && e.margin !== null && e.margin !== "";
+      return {
+        margin: m(e.margin),
+        marginTop: r(e.mt),
+        marginRight: r(e.mr) ?? (i && !t ? "12px" : void 0),
+        marginBottom: r(e.mb),
+        marginLeft: r(e.ml) ?? (i && !t ? "12px" : void 0)
+      };
+    });
+    return (i, t) => (o(), d("div", {
+      class: g(["x-divider", n.direction === "vertical" ? "x-divider--vertical" : ""]),
+      style: f(s.value)
+    }, [
+      n.direction !== "vertical" && (n.title || i.$slots.default) ? (o(), d(p, { key: 0 }, [
+        t[0] || (t[0] = l("span", { class: "x-divider__line" }, null, -1)),
+        l("span", $, [
+          x(i.$slots, "default", {}, () => [
+            u(v(n.title), 1)
+          ])
+        ]),
+        t[1] || (t[1] = l("span", { class: "x-divider__line" }, null, -1))
+      ], 64)) : n.direction !== "vertical" ? (o(), d("span", S)) : y("", !0)
+    ], 6));
+  }
+});
+export {
+  k as default
+};

package/dist/components/XDivider.vue2.js

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

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    value?: string | number | Record<string, any>;
+    disabled?: boolean;
+    active?: boolean;
+    uninjectContext?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        optionRef: HTMLLIElement;
+    };
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    value: string | number | Record<string, any>;
+    disabled: boolean;
+    active: boolean;
+    uninjectContext: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    optionRef: HTMLLIElement;
+}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/XDoption.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as k, useSlots as C, ref as b, computed as r, inject as h, openBlock as s, createElementBlock as i, normalizeClass as y, renderSlot as l, createCommentVNode as u, createElementVNode as B } from "vue";
+import { xDropdownInjectionKey as w } from "./x-dropdown-context.js";
+const $ = ["aria-disabled"], j = {
+  key: 0,
+  class: "x-dropdown-option__icon"
+}, D = { class: "x-dropdown-option__content" }, V = {
+  key: 1,
+  class: "x-dropdown-option__suffix"
+}, R = /* @__PURE__ */ k({
+  name: "XDoption",
+  __name: "XDoption",
+  props: {
+    value: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    uninjectContext: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(a, { emit: f }) {
+    const o = a, p = f, m = C(), c = b(), _ = r(() => {
+      var n, d;
+      if (o.value !== void 0)
+        return o.value;
+      const e = (d = (n = c.value) == null ? void 0 : n.textContent) == null ? void 0 : d.trim();
+      return e || void 0;
+    }), t = o.uninjectContext ? null : h(w, null), v = r(() => [
+      "x-dropdown-option",
+      {
+        "is-disabled": o.disabled,
+        "is-active": o.active,
+        "x-dropdown-option--has-suffix": !!m.suffix
+      }
+    ]);
+    function x(e) {
+      o.disabled || (p("click", e), t == null || t.onOptionClick(_.value, e));
+    }
+    return (e, n) => (s(), i("li", {
+      ref_key: "optionRef",
+      ref: c,
+      class: y(v.value),
+      role: "menuitem",
+      "aria-disabled": a.disabled,
+      onClick: x
+    }, [
+      e.$slots.icon ? (s(), i("span", j, [
+        l(e.$slots, "icon")
+      ])) : u("", !0),
+      B("span", D, [
+        l(e.$slots, "default")
+      ]),
+      e.$slots.suffix ? (s(), i("span", V, [
+        l(e.$slots, "suffix")
+      ])) : u("", !0)
+    ], 10, $));
+  }
+});
+export {
+  R as default
+};

package/dist/components/XDoption.vue2.js

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

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

@@ -47,38 +47,38 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    open: () => any;
     cancel: (event: Event) => any;
     close: () => any;
+    open: () => any;
     "update:open": (value: boolean) => any;
     ok: (event: Event) => any;
     beforeClose: () => any;
     "update:visible": (value: boolean) => any;
     beforeOpen: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOpen?: (() => any) | undefined;
     onCancel?: ((event: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOk?: ((event: Event) => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
 }>, {
-    height: number | string;
-    width: number | string;
-    mask: boolean;
     footer: boolean;
     header: boolean;
     title: string;
+    mask: boolean;
+    width: number | string;
+    height: number | string;
     visible: boolean;
     open: boolean;
-    closable: boolean;
-    bodyStyle: string | false | CSSProperties | StyleValue[] | null;
     unmountOnClose: boolean;
     popupContainer: string | HTMLElement;
     renderToBody: boolean;
     placement: DrawerPlacement;
+    closable: boolean;
+    bodyStyle: string | false | CSSProperties | StyleValue[] | null;
     defaultVisible: boolean;
     maskClosable: boolean;
     okText: string;

package/dist/components/XDrawer.vue.js

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