@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XDropdownItem.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as c, openBlock as r, createBlock as d, mergeProps as f, createSlots as m, withCtx as n, renderSlot as o } from "vue";
+import u from "./XDoption.vue.js";
+const k = /* @__PURE__ */ c({
+  name: "XDropdownItem",
+  inheritAttrs: !1,
+  __name: "XDropdownItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    active: { type: Boolean },
+    uninjectContext: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const l = a;
+    return (e, i) => (r(), d(u, f(e.$attrs, {
+      value: t.value,
+      disabled: t.disabled,
+      active: t.active,
+      "uninject-context": t.uninjectContext,
+      onClick: i[0] || (i[0] = (s) => l("click", s))
+    }), m({
+      default: n(() => [
+        o(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      e.$slots.icon ? {
+        name: "icon",
+        fn: n(() => [
+          o(e.$slots, "icon")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: n(() => [
+          o(e.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["value", "disabled", "active", "uninject-context"]));
+  }
+});
+export {
+  k as default
+};

package/dist/components/XDropdownItem.vue2.js

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

package/dist/components/XDropdownPanel.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as m, inject as h, computed as a, openBlock as p, createElementBlock as i, normalizeClass as _, createVNode as g, withCtx as x, createElementVNode as w, renderSlot as u, createCommentVNode as y } from "vue";
+import H from "./XScrollbar.vue.js";
+import { xDropdownInjectionKey as v } from "./x-dropdown-context.js";
+const B = { class: "x-dropdown__list" }, b = {
+  key: 0,
+  class: "x-dropdown__footer"
+}, S = /* @__PURE__ */ m({
+  __name: "XDropdownPanel",
+  props: {
+    isEmpty: { type: Boolean, default: !1 },
+    bottomOffset: { default: 0 },
+    popupMaxHeight: { type: [Boolean, Number], default: void 0 }
+  },
+  emits: ["scroll", "reachBottom"],
+  setup(n, { emit: c }) {
+    const t = n, r = c, l = h(v, null), s = a(() => t.popupMaxHeight !== void 0 ? t.popupMaxHeight : (l == null ? void 0 : l.popupMaxHeight.value) ?? !0), d = a(() => {
+      if (typeof s.value == "number")
+        return {
+          maxHeight: `${s.value}px`
+        };
+      if (s.value === !1)
+        return {
+          maxHeight: "none",
+          overflowY: "hidden"
+        };
+    });
+    function f(o) {
+      const e = o.target;
+      if (!e) {
+        r("scroll", o);
+        return;
+      }
+      e.scrollHeight - (e.scrollTop + e.offsetHeight) <= t.bottomOffset && r("reachBottom", o), r("scroll", o);
+    }
+    return (o, e) => (p(), i("div", {
+      class: _(["x-dropdown", { "x-dropdown--has-footer": !!o.$slots.footer }])
+    }, [
+      g(H, {
+        class: "x-dropdown__list-wrapper",
+        "outer-style": d.value,
+        onScroll: f
+      }, {
+        default: x(() => [
+          w("ul", B, [
+            u(o.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["outer-style"]),
+      o.$slots.footer && !n.isEmpty ? (p(), i("div", b, [
+        u(o.$slots, "footer")
+      ])) : y("", !0)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/components/XDropdownPanel.vue2.js

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

package/dist/components/XDsubmenu.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as b, ref as v, computed as s, openBlock as g, createBlock as V, withCtx as o, createVNode as a, mergeProps as P, createSlots as f, renderSlot as l, unref as $ } from "vue";
+import h from "./XIcon.js";
+import B from "./XDoption.vue.js";
+import k from "./XDropdownPanel.vue.js";
+import y from "./XTrigger.vue.js";
+const j = /* @__PURE__ */ b({
+  name: "XDsubmenu",
+  __name: "XDsubmenu",
+  props: {
+    value: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    position: { default: "rt" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    optionProps: { default: void 0 }
+  },
+  emits: ["update:popupVisible", "popupVisibleChange", "popup-visible-change"],
+  setup(t, { emit: d }) {
+    const i = t, p = d, n = v(!!i.defaultPopupVisible), u = s(() => i.popupVisible !== void 0), r = s(() => u.value ? !!i.popupVisible : n.value), c = s(() => i.position === "lt" ? "left-start" : "right-start");
+    function m(e) {
+      i.disabled && e || (u.value || (n.value = e), p("update:popupVisible", e), p("popupVisibleChange", e), p("popup-visible-change", e));
+    }
+    return (e, C) => (g(), V(y, {
+      "popup-visible": r.value,
+      trigger: t.trigger,
+      position: c.value,
+      disabled: t.disabled,
+      "popup-offset": 4,
+      onPopupVisibleChange: m
+    }, {
+      content: o(() => [
+        a(k, { class: "x-dropdown__submenu" }, f({
+          default: o(() => [
+            l(e.$slots, "content")
+          ]),
+          _: 2
+        }, [
+          e.$slots.footer ? {
+            name: "footer",
+            fn: o(() => [
+              l(e.$slots, "footer")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)
+      ]),
+      default: o(() => [
+        a(B, P(t.optionProps, {
+          value: t.value,
+          active: r.value,
+          "uninject-context": ""
+        }), f({
+          suffix: o(() => [
+            l(e.$slots, "suffix", {}, () => [
+              a($(h), {
+                name: "gengduo",
+                size: 12
+              })
+            ])
+          ]),
+          default: o(() => [
+            l(e.$slots, "default")
+          ]),
+          _: 2
+        }, [
+          e.$slots.icon ? {
+            name: "icon",
+            fn: o(() => [
+              l(e.$slots, "icon")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["value", "active"])
+      ]),
+      _: 3
+    }, 8, ["popup-visible", "trigger", "position", "disabled"]));
+  }
+});
+export {
+  j as default
+};

package/dist/components/XDsubmenu.vue2.js

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

package/dist/components/XEmpty.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as u, useSlots as y, computed as n, unref as m, openBlock as e, createBlock as _, resolveDynamicComponent as h, createElementBlock as i, createElementVNode as s, renderSlot as d, Fragment as k, createTextVNode as x, toDisplayString as S } from "vue";
+import { useXConfigProviderSlotRender as C } from "../composables/config-provider.js";
+import { useXI18n as z } from "../composables/i18n.js";
+const B = ["data-in-config-provider"], P = {
+  class: "x-empty__image",
+  "aria-hidden": "true"
+}, w = ["src"], E = {
+  key: 1,
+  t: "1774006894177",
+  class: "x-empty__image-content x-empty__image-content--svg",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "67925"
+}, H = { class: "x-empty__description" }, X = /* @__PURE__ */ u({
+  __name: "XEmpty",
+  props: {
+    description: { default: "" },
+    imgSrc: { default: "" },
+    inConfigProvider: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const o = t, r = y(), { t: p } = z(), g = n(() => o.description || p("empty.description", void 0, "暂无数据")), v = n(() => !!r.default), f = n(() => !o.inConfigProvider && !r.image && !o.imgSrc && !o.description), a = C(
+      "empty",
+      n(() => ({ component: "empty" }))
+    );
+    return (l, c) => f.value && m(a) ? (e(), _(h(m(a)), { key: 0 })) : (e(), i("div", {
+      key: 1,
+      class: "x-empty",
+      "data-in-config-provider": t.inConfigProvider ? "true" : "false"
+    }, [
+      s("div", P, [
+        d(l.$slots, "image", {}, () => [
+          t.imgSrc ? (e(), i("img", {
+            key: 0,
+            src: t.imgSrc,
+            alt: "",
+            class: "x-empty__image-content x-empty__image-content--img"
+          }, null, 8, w)) : (e(), i("svg", E, [...c[0] || (c[0] = [
+            s("path", { d: "M469.333333 234.666667V106.666667h85.333334v128h-85.333334z m-161.834666-94.165334l85.333333 85.333334-60.330667 60.330666-85.333333-85.333333 60.330667-60.330667z m469.333333 60.330667l-85.333333 85.333333-60.330667-60.330666 85.333333-85.333334 60.330667 60.330667z m-548.693333 182.826667A85.333333 85.333333 0 0 1 301.845333 341.333333H722.133333a85.333333 85.333333 0 0 1 73.706667 42.346667l131.2 224.853333A85.333333 85.333333 0 0 1 938.666667 651.541333V832a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333v-180.48a85.333333 85.333333 0 0 1 11.626667-42.986667l131.178667-224.853333zM722.133333 426.666667H301.866667l-99.562667 170.666666h255.146667l9.6 28.8a58.602667 58.602667 0 0 0 2.133333 4.778667c1.92 3.84 4.906667 8.896 8.96 13.781333 7.829333 9.408 18.133333 16.64 33.877333 16.64 15.744 0 26.026667-7.232 33.898667-16.64a72.469333 72.469333 0 0 0 11.050667-18.453333l0.021333-0.106667 9.6-28.8h255.146667l-99.562667-170.666666zM853.333333 682.666667H623.509333a154.730667 154.730667 0 0 1-12.074666 16.64C592.64 721.92 560.256 746.666667 512 746.666667c-48.256 0-80.64-24.768-99.434667-47.36a154.730667 154.730667 0 0 1-12.074666-16.64H170.666667v149.333333h682.666666v-149.333333z" }, null, -1)
+          ])]))
+        ])
+      ]),
+      s("div", H, [
+        v.value ? d(l.$slots, "default", { key: 0 }) : (e(), i(k, { key: 1 }, [
+          x(S(g.value), 1)
+        ], 64))
+      ])
+    ], 8, B));
+  }
+});
+export {
+  X as default
+};

package/dist/components/XEmpty.vue2.js

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

package/dist/components/XFlex.vue.js

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

package/dist/components/XFlex.vue2.js

@@ -0,0 +1,122 @@
+import { defineComponent as $, useSlots as H, ref as w, computed as l, onMounted as j, nextTick as E, onUnmounted as O, openBlock as p, createElementBlock as d, normalizeStyle as V, normalizeClass as L, renderSlot as M, Fragment as R, renderList as z, createCommentVNode as F } from "vue";
+const A = /* @__PURE__ */ $({
+  __name: "XFlex",
+  props: {
+    vertical: { type: Boolean },
+    axis: {},
+    wrap: { type: [Boolean, String], default: !1 },
+    inline: { type: Boolean },
+    flex: {},
+    justify: {},
+    align: {},
+    alignContent: {},
+    gap: {},
+    rowGap: {},
+    columnGap: {},
+    center: { type: Boolean },
+    between: { type: Boolean },
+    around: { type: Boolean },
+    evenly: { type: Boolean },
+    start: { type: Boolean },
+    end: { type: Boolean },
+    cols: {},
+    noShrink: { type: Boolean },
+    noOverflow: { type: Boolean, default: !0 },
+    fillEmpty: { type: Boolean },
+    height: {},
+    minHeight: {}
+  },
+  setup(m) {
+    const e = m;
+    H();
+    const a = w(), c = w(0), s = {
+      sm: 576,
+      md: 768,
+      lg: 992,
+      xl: 1200,
+      xxl: 1600
+    }, B = () => {
+      const t = window.innerWidth;
+      return t >= s.xxl ? "xxl" : t >= s.xl ? "xl" : t >= s.lg ? "lg" : t >= s.md ? "md" : t >= s.sm ? "sm" : "xs";
+    }, r = l(() => {
+      if (!e.cols) return 0;
+      if (typeof e.cols == "number") return e.cols;
+      const t = B(), n = e.cols, i = ["xxl", "xl", "lg", "md", "sm", "xs"], o = i.indexOf(t);
+      for (let x = o; x < i.length; x++) {
+        const g = i[x];
+        if (n[g] !== void 0)
+          return n[g];
+      }
+      return 0;
+    }), y = l(() => {
+      if (!r.value || !e.fillEmpty) return 0;
+      const t = c.value % r.value;
+      return t === 0 ? 0 : r.value - t;
+    });
+    let u = null;
+    const h = (t) => Array.from(t.children).filter(
+      (n) => !n.classList.contains("x-flex__empty")
+    ).length;
+    j(() => {
+      E(() => {
+        a.value && (c.value = h(a.value), e.fillEmpty && r.value > 0 && (u = new MutationObserver(() => {
+          c.value = a.value ? h(a.value) : 0;
+        }), u.observe(a.value, { childList: !0 })));
+      });
+    }), O(() => {
+      u == null || u.disconnect();
+    });
+    const v = {
+      small: "8px",
+      middle: "16px",
+      large: "24px"
+    }, f = (t) => t === void 0 ? "0" : typeof t == "number" ? `${t}px` : t in v ? v[t] : t, C = l(() => e.justify ? e.justify : e.center ? "center" : e.between ? "space-between" : e.around ? "space-around" : e.evenly ? "space-evenly" : e.start ? "flex-start" : e.end ? "flex-end" : "start"), k = l(() => {
+      if (e.align) return e.align;
+      if ((e.axis === "y" || e.axis === "vertical") && (e.center || e.start || e.end)) {
+        if (e.center) return "center";
+        if (e.start) return "flex-start";
+        if (e.end) return "flex-end";
+      }
+      return !e.axis && e.center ? "center" : "stretch";
+    }), b = l(() => !!(e.vertical || e.axis === "y" || e.axis === "vertical")), G = l(() => {
+      const t = f(e.gap), n = e.rowGap ? f(e.rowGap) : t, i = e.columnGap ? f(e.columnGap) : t, o = {
+        display: e.inline ? "inline-flex" : "flex",
+        flexDirection: b.value ? "column" : "row",
+        flexWrap: typeof e.wrap == "string" ? e.wrap : e.wrap ? "wrap" : "nowrap",
+        justifyContent: C.value,
+        alignItems: k.value,
+        rowGap: n,
+        columnGap: i
+      };
+      return e.alignContent && (o.alignContent = e.alignContent), e.flex && (o.flex = String(e.flex)), e.height && (o.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.minHeight && (o.minHeight = typeof e.minHeight == "number" ? `${e.minHeight}px` : e.minHeight), o;
+    }), S = l(() => {
+      const t = {};
+      if (e.noShrink && (t["--x-flex-child-shrink"] = "0"), e.noOverflow && (t["--x-flex-child-min-width"] = "0", t["--x-flex-child-overflow"] = "hidden"), r.value > 0) {
+        const n = f(e.gap);
+        t["--x-flex-child-width"] = `calc((100% - ${r.value - 1} * ${n}) / ${r.value})`, t["--x-flex-child-flex"] = "0 0 var(--x-flex-child-width)";
+      }
+      return t;
+    }), _ = l(() => [
+      "x-flex",
+      e.noShrink && "x-flex--no-shrink",
+      e.noOverflow && "x-flex--no-overflow",
+      r.value > 0 && "x-flex--has-cols"
+    ]);
+    return (t, n) => (p(), d("div", {
+      ref_key: "containerRef",
+      ref: a,
+      class: L(_.value),
+      style: V({ ...G.value, ...S.value })
+    }, [
+      M(t.$slots, "default", {}, void 0, !0),
+      m.fillEmpty && y.value > 0 ? (p(!0), d(R, { key: 0 }, z(y.value, (i) => (p(), d("div", {
+        key: `empty-${i}`,
+        class: "x-flex__empty",
+        "aria-hidden": "true"
+      }))), 128)) : F("", !0)
+    ], 6));
+  }
+});
+export {
+  A as default
+};

package/dist/components/XFloatButton.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as a, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as c, toDisplayString as p, createCommentVNode as m } from "vue";
+const u = { class: "x-float-button__icon" }, d = {
+  key: 0,
+  class: "x-float-button__description"
+}, y = /* @__PURE__ */ a({
+  __name: "XFloatButton",
+  props: {
+    shape: {},
+    type: {},
+    description: {}
+  },
+  emits: ["click"],
+  setup(t) {
+    return (e, o) => (n(), s("button", {
+      type: "button",
+      class: r(["x-float-button", [t.shape === "square" ? "is-square" : "", t.type === "primary" ? "is-primary" : ""]]),
+      onClick: o[0] || (o[0] = (i) => e.$emit("click", i))
+    }, [
+      l("span", u, [
+        c(e.$slots, "default")
+      ]),
+      t.description ? (n(), s("span", d, p(t.description), 1)) : m("", !0)
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/dist/components/XFloatButton.vue2.js

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

package/dist/components/XFloatButtonGroup.vue.js

@@ -0,0 +1,17 @@
+import { defineComponent as t, openBlock as a, createElementBlock as r, normalizeClass as s, renderSlot as n } from "vue";
+const u = /* @__PURE__ */ t({
+  __name: "XFloatButtonGroup",
+  props: {
+    shape: {}
+  },
+  setup(e) {
+    return (o, l) => (a(), r("div", {
+      class: s(["x-float-button-group", e.shape === "square" ? "is-square" : ""])
+    }, [
+      n(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/dist/components/XFloatButtonGroup.vue2.js

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

package/dist/components/XForm.vue.js

@@ -0,0 +1,156 @@
+import { defineComponent as $, ref as R, reactive as b, computed as d, toRef as a, openBlock as V, createElementBlock as M, withModifiers as q, normalizeClass as D, renderSlot as G } from "vue";
+import { useXConfig as H, provideXConfig as J } from "../composables/config.js";
+import { provideXForm as K, getFormElementId as N } from "../composables/form.js";
+const Q = ["id"], k = /* @__PURE__ */ $({
+  __name: "XForm",
+  props: {
+    model: {},
+    layout: { default: "horizontal" },
+    size: { default: void 0 },
+    labelColProps: { default: () => ({ span: 5, offset: 0 }) },
+    wrapperColProps: { default: () => ({ span: 19, offset: 0 }) },
+    labelColStyle: { default: void 0 },
+    wrapperColStyle: { default: void 0 },
+    labelAlign: { default: "right" },
+    disabled: { type: Boolean, default: void 0 },
+    rules: { default: () => ({}) },
+    autoLabelWidth: { type: Boolean, default: !1 },
+    id: { default: void 0 },
+    scrollToFirstError: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "submitSuccess", "submitFailed"],
+  setup(v, { expose: x, emit: S }) {
+    const t = v, c = S, L = H(), y = R(), i = b([]), m = b([]), u = b({}), w = d(() => Math.max(0, ...Object.values(u))), p = d(() => t.size ?? L.size.value), z = d(() => t.layout === "horizontal" && t.autoLabelWidth);
+    function W(e) {
+      e != null && e.field && (i.includes(e) || i.push(e));
+    }
+    function P(e) {
+      const o = i.indexOf(e);
+      o >= 0 && i.splice(o, 1);
+      const l = m.indexOf(e);
+      l >= 0 && m.splice(l, 1);
+    }
+    function h(e) {
+      return e ? Array.isArray(e) ? e : [e] : [];
+    }
+    function B(e, o) {
+      !o || u[o] === e || (u[o] = e);
+    }
+    function T(e) {
+      e && delete u[e];
+    }
+    function _(e) {
+      i.forEach((o) => {
+        e[o.field] && o.setField(e[o.field]);
+      });
+    }
+    function A(e) {
+      const o = h(e);
+      i.forEach((l) => {
+        (o.length === 0 || o.includes(l.field)) && l.resetField();
+      });
+    }
+    function O(e) {
+      const o = h(e);
+      i.forEach((l) => {
+        (o.length === 0 || o.includes(l.field)) && l.clearValidate();
+      });
+    }
+    function F(e, o) {
+      const l = y.value || document.body, s = N(t.id, e), r = l.querySelector(`#${s}`);
+      r && r.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest",
+        ...o
+      });
+    }
+    function C(e) {
+      const o = typeof t.scrollToFirstError == "object" ? t.scrollToFirstError : void 0;
+      F(e, o);
+    }
+    async function E(e) {
+      const o = await Promise.all(i.map((r) => r.validate())), l = {};
+      let s = !1;
+      return o.forEach((r) => {
+        r && (s = !0, l[r.field] = r);
+      }), s && t.scrollToFirstError && C(Object.keys(l)[0]), e == null || e(s ? l : void 0), s ? l : void 0;
+    }
+    async function g(e, o) {
+      const l = h(e), s = await Promise.all(
+        i.filter((n) => l.includes(n.field)).map((n) => n.validate())
+      ), r = {};
+      let f = !1;
+      return s.forEach((n) => {
+        n && (f = !0, r[n.field] = n);
+      }), f && t.scrollToFirstError && C(Object.keys(r)[0]), o == null || o(f ? r : void 0), f ? r : void 0;
+    }
+    async function j(e) {
+      const o = await E(), l = !!o;
+      l ? c("submitFailed", { values: t.model, errors: o }, e) : c("submitSuccess", t.model, e), c(
+        "submit",
+        {
+          values: t.model,
+          errors: o,
+          valid: !l
+        },
+        e
+      );
+    }
+    const I = {
+      id: a(t, "id"),
+      layout: a(t, "layout"),
+      disabled: d(() => !!t.disabled),
+      labelAlign: a(t, "labelAlign"),
+      labelColProps: a(t, "labelColProps"),
+      wrapperColProps: a(t, "wrapperColProps"),
+      labelColStyle: a(t, "labelColStyle"),
+      wrapperColStyle: a(t, "wrapperColStyle"),
+      model: a(t, "model"),
+      size: p,
+      rules: d(() => t.rules ?? {}),
+      fields: i,
+      touchedFields: m,
+      addField: W,
+      removeField: P,
+      validateField: g,
+      setLabelWidth: B,
+      removeLabelWidth: T,
+      get maxLabelWidth() {
+        return w.value;
+      },
+      get autoLabelWidth() {
+        return z.value;
+      }
+    };
+    K(I), J(p, () => {
+    });
+    const X = d(() => [
+      "x-form",
+      `x-form-layout-${t.layout}`,
+      `x-form-size-${p.value}`,
+      {
+        "x-form-auto-label-width": t.autoLabelWidth
+      }
+    ]);
+    return x({
+      validate: E,
+      validateField: g,
+      resetFields: A,
+      clearValidate: O,
+      setFields: _,
+      scrollToField: F
+    }), (e, o) => (V(), M("form", {
+      id: v.id,
+      ref_key: "formRef",
+      ref: y,
+      class: D(X.value),
+      onSubmit: q(j, ["prevent"])
+    }, [
+      G(e.$slots, "default")
+    ], 42, Q));
+  }
+});
+export {
+  k as default
+};

package/dist/components/XForm.vue2.js

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