@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XSelect.vue2.js

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

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

@@ -1,35 +1,106 @@
-type __VLS_Props = {
-    rows?: number;
-    animated?: boolean;
-    title?: boolean;
-    avatar?: boolean;
-    loading?: boolean;
-    round?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        avatar?(_: {}): any;
-        title?(_: {}): any;
-        default?(_: {}): 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<{}>, {
+import { default as XSkeletonLine } from './XSkeletonLine.vue';
+import { default as XSkeletonShape } from './XSkeletonShape.vue';
+export { XSkeletonLine, XSkeletonShape };
+declare const XSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    avatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cls: import('vue').ComputedRef<(string | {
+        'x-skeleton-animation': boolean;
+    })[]>;
+    mergedAnimation: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    avatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
     title: boolean;
     round: boolean;
+    animation: boolean;
     loading: boolean;
     avatar: boolean;
     rows: number;
     animated: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+}, {}, {
+    XSkeletonLine: import('vue').DefineComponent<{
+        animation?: boolean;
+        rows?: number;
+        widths?: Array<number | string>;
+        lineHeight?: number;
+        lineSpacing?: number;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        animation?: boolean;
+        rows?: number;
+        widths?: Array<number | string>;
+        lineHeight?: number;
+        lineSpacing?: number;
+    }> & Readonly<{}>, {
+        animation: boolean;
+        lineHeight: number;
+        rows: number;
+        widths: Array<number | string>;
+        lineSpacing: number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    XSkeletonShape: import('vue').DefineComponent<{
+        shape?: "square" | "circle";
+        size?: "small" | "medium" | "large";
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        shape?: "square" | "circle";
+        size?: "small" | "medium" | "large";
+    }> & Readonly<{}>, {
+        size: "small" | "medium" | "large";
+        shape: "square" | "circle";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default XSkeleton;

package/dist/components/XSkeleton.vue.js

@@ -0,0 +1,37 @@
+import i from "./XSkeleton.vue2.js";
+import { openBlock as t, createElementBlock as s, normalizeClass as a, renderSlot as o, createElementVNode as n, createCommentVNode as r, Fragment as d, renderList as m, normalizeStyle as k } from "vue";
+import u from "../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  key: 0,
+  class: "x-skeleton__avatar"
+}, p = { class: "x-skeleton__body" }, v = {
+  key: 0,
+  class: "x-skeleton__title"
+};
+function _(e, f, y, $, h, g) {
+  return t(), s("div", {
+    class: a(e.cls)
+  }, [
+    e.loading ? o(e.$slots, "default", { key: 0 }, () => [
+      n("div", {
+        class: a(["x-skeleton__legacy", { "is-animated": e.mergedAnimation, "has-avatar": e.avatar, "is-round": e.round }])
+      }, [
+        e.avatar ? (t(), s("div", c)) : r("", !0),
+        n("div", p, [
+          e.title ? (t(), s("div", v)) : r("", !0),
+          (t(!0), s(d, null, m(e.rows, (l) => (t(), s("div", {
+            key: l,
+            class: "x-skeleton__line",
+            style: k({ width: l === e.rows ? "72%" : "100%" })
+          }, null, 4))), 128))
+        ])
+      ], 2)
+    ]) : o(e.$slots, "content", { key: 1 }, () => [
+      o(e.$slots, "default")
+    ])
+  ], 2);
+}
+const B = /* @__PURE__ */ u(i, [["render", _]]);
+export {
+  B as default
+};

package/dist/components/XSkeleton.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as i, computed as o } from "vue";
+import a from "./XSkeletonLine.vue.js";
+import n from "./XSkeletonShape.vue.js";
+const l = i({
+  name: "XSkeleton",
+  components: {
+    XSkeletonLine: a,
+    XSkeletonShape: n
+  },
+  props: {
+    rows: {
+      type: Number,
+      default: 3
+    },
+    animated: {
+      type: Boolean,
+      default: void 0
+    },
+    title: {
+      type: Boolean,
+      default: !0
+    },
+    avatar: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !0
+    },
+    animation: {
+      type: Boolean,
+      default: !1
+    },
+    round: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const t = o(() => typeof e.animated == "boolean" ? e.animated : e.animation);
+    return {
+      cls: o(() => [
+        "x-skeleton",
+        {
+          "x-skeleton-animation": t.value
+        }
+      ]),
+      mergedAnimation: t
+    };
+  }
+});
+l.Line = a;
+l.Shape = n;
+export {
+  a as XSkeletonLine,
+  n as XSkeletonShape,
+  l as default
+};

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    animation?: boolean;
+    rows?: number;
+    widths?: Array<number | string>;
+    lineHeight?: number;
+    lineSpacing?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    animation: boolean;
+    lineHeight: number;
+    rows: number;
+    widths: Array<number | string>;
+    lineSpacing: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/XSkeletonLine.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as c, computed as u, openBlock as s, createElementBlock as a, Fragment as p, renderList as m, normalizeClass as d, createElementVNode as f, normalizeStyle as h } from "vue";
+const g = /* @__PURE__ */ c({
+  __name: "XSkeletonLine",
+  props: {
+    animation: { type: Boolean, default: !1 },
+    rows: { default: 1 },
+    widths: { default: () => [] },
+    lineHeight: { default: 20 },
+    lineSpacing: { default: 15 }
+  },
+  setup(o) {
+    const l = o, r = u(() => {
+      const i = [];
+      for (let n = 0; n < l.rows; n += 1) {
+        const e = {
+          width: "100%",
+          height: `${l.lineHeight}px`
+        }, t = l.widths[n];
+        typeof t == "number" ? e.width = `${t}px` : typeof t == "string" && (e.width = t), n > 0 && (e.marginTop = `${l.lineSpacing}px`), i.push(e);
+      }
+      return i;
+    });
+    return (i, n) => (s(!0), a(p, null, m(r.value, (e, t) => (s(), a("ul", {
+      key: t,
+      class: d(["x-skeleton-line", { "x-skeleton-animation": o.animation }])
+    }, [
+      f("li", {
+        class: "x-skeleton-line-row",
+        style: h(e)
+      }, null, 4)
+    ], 2))), 128));
+  }
+});
+export {
+  g as default
+};

package/dist/components/XSkeletonLine.vue2.js

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

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    shape?: 'square' | 'circle';
+    size?: 'small' | 'medium' | 'large';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "small" | "medium" | "large";
+    shape: "square" | "circle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/XSkeletonShape.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as a, computed as o, openBlock as n, createElementBlock as l, normalizeClass as p } from "vue";
+const m = /* @__PURE__ */ a({
+  __name: "XSkeletonShape",
+  props: {
+    shape: { default: "square" },
+    size: { default: "medium" }
+  },
+  setup(s) {
+    const e = s, t = o(() => [
+      "x-skeleton-shape",
+      `x-skeleton-shape-${e.shape}`,
+      `x-skeleton-shape-${e.size}`
+    ]);
+    return (c, r) => (n(), l("div", {
+      class: p(t.value)
+    }, null, 2));
+  }
+});
+export {
+  m as default
+};

package/dist/components/XSkeletonShape.vue2.js

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