@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XFormItem.vue.js

@@ -0,0 +1,425 @@
+import { defineComponent as Te, useAttrs as We, useSlots as Ee, getCurrentInstance as Ie, ref as D, toRef as Me, computed as s, reactive as X, nextTick as O, watch as Ne, onMounted as ze, onBeforeUnmount as De, renderSlot as p, openBlock as n, createElementBlock as d, mergeProps as j, unref as R, normalizeStyle as te, normalizeClass as V, createBlock as k, resolveDynamicComponent as oe, withCtx as F, createCommentVNode as r, createTextVNode as P, toDisplayString as x, createElementVNode as v, createVNode as H, Fragment as Xe, renderList as Oe, Transition as se } from "vue";
+import { useXForm as je, useXFormFieldContext as He, getFormElementId as ie, getValueByPath as ne, getFinalValidateStatus as Ce, getFinalValidateMessage as Ke, provideXFormField as Ue, validateFieldValue as Ge, setValueByPath as re } from "../composables/form.js";
+import C from "./XIcon.js";
+import ue from "./XTooltip.vue.js";
+const Je = {
+  key: 0,
+  class: "x-form-item-label-required-symbol"
+}, Qe = { class: "x-form-item-label-tooltip" }, Ye = {
+  key: 3,
+  class: "x-form-item-label-required-symbol"
+}, Ze = { key: 4 }, _e = ["id"], el = { class: "x-form-item-content-wrapper" }, ll = {
+  key: 0,
+  class: "x-form-item-label-required-symbol"
+}, al = { class: "x-form-item-label-tooltip" }, tl = {
+  key: 3,
+  class: "x-form-item-label-required-symbol"
+}, ol = { key: 4 }, sl = {
+  key: 1,
+  class: "x-form-item-feedback",
+  "aria-hidden": "true"
+}, il = {
+  role: "alert",
+  class: "x-form-item-message"
+}, nl = { class: "x-form-item-message x-form-item-message-help" }, rl = {
+  key: 2,
+  class: "x-form-item-extra"
+}, vl = /* @__PURE__ */ Te({
+  __name: "XFormItem",
+  props: {
+    field: { default: "" },
+    label: { default: void 0 },
+    tooltip: { default: void 0 },
+    showColon: { type: Boolean, default: !1 },
+    noStyle: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: void 0 },
+    help: { default: void 0 },
+    extra: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    asteriskPosition: { default: "start" },
+    rules: { default: void 0 },
+    validateStatus: { default: void 0 },
+    validateTrigger: { default: "change" },
+    labelColProps: { default: void 0 },
+    wrapperColProps: { default: void 0 },
+    hideLabel: { type: Boolean, default: !1 },
+    hideAsterisk: { type: Boolean, default: !1 },
+    labelColStyle: { default: void 0 },
+    wrapperColStyle: { default: void 0 },
+    rowProps: { default: void 0 },
+    rowClass: { default: void 0 },
+    contentClass: { default: void 0 },
+    contentFlex: { type: Boolean, default: !0 },
+    mergeProps: { type: [Boolean, Function], default: !0 },
+    labelColFlex: { default: void 0 },
+    feedback: { type: Boolean, default: !1 },
+    labelComponent: { default: "label" },
+    labelAttrs: { default: void 0 },
+    floatingLabel: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const a = o, l = je(), q = a.noStyle ? He() : null, K = We(), T = Ee(), b = Ie(), de = {
+      validating: "shuaxin",
+      success: "dui",
+      warning: "warning",
+      error: "guanbi"
+    }, w = D(), ce = `x-form-item-${Math.random().toString(36).slice(2, 10)}`, c = Me(a, "field"), W = D(!1);
+    let h;
+    function fe(e) {
+      return e ? Array.isArray(e) ? e : [e] : [];
+    }
+    function U(e) {
+      if (!e)
+        return;
+      const t = {};
+      if (e.flex !== void 0) {
+        const i = typeof e.flex == "number" ? `${e.flex}` : String(e.flex).trim();
+        /^\d+(\.\d+)?(px|em|rem|%)$/.test(i) ? t.flex = `0 0 ${i}` : t.flex = i;
+      } else if (e.span !== void 0) {
+        const i = Math.max(0, Number(e.span));
+        if (i > 0) {
+          const u = `${i / 24 * 100}%`;
+          t.flex = `0 0 ${u}`, t.maxWidth = u;
+        }
+      }
+      if (e.offset !== void 0) {
+        const i = Math.max(0, Number(e.offset));
+        i > 0 && (t.marginLeft = `${i / 24 * 100}%`);
+      }
+      return Object.keys(t).length > 0 ? t : void 0;
+    }
+    const ve = s(() => {
+      const e = {
+        ...a.labelColProps ?? (l == null ? void 0 : l.labelColProps.value) ?? {}
+      };
+      return a.labelColFlex !== void 0 ? e.flex = a.labelColFlex : l != null && l.autoLabelWidth && (e.flex = `0 0 ${l.maxLabelWidth}px`), e;
+    }), E = s(() => {
+      var t;
+      const e = {
+        ...a.wrapperColProps ?? (l == null ? void 0 : l.wrapperColProps.value) ?? {}
+      };
+      return a.field && (e.id = ie((t = l == null ? void 0 : l.id) == null ? void 0 : t.value, a.field)), (a.labelColFlex !== void 0 || l != null && l.autoLabelWidth) && (e.flex = "auto"), f.value && (delete e.span, delete e.offset, e.flex = "auto"), e;
+    }), me = s(() => {
+      var e;
+      return a.labelColStyle ?? ((e = l == null ? void 0 : l.labelColStyle) == null ? void 0 : e.value);
+    }), be = s(() => {
+      var e;
+      return a.wrapperColStyle ?? ((e = l == null ? void 0 : l.wrapperColStyle) == null ? void 0 : e.value);
+    }), he = s(() => [U(ve.value), me.value]), ge = s(() => [U(E.value), be.value]), ye = a.field ? ne((l == null ? void 0 : l.model.value) ?? {}, a.field).v : void 0, G = X({}), J = X({}), Q = s(() => Ce(G)), pe = s(() => Ke(J)), S = D(!1), Y = s(() => {
+      if (a.field)
+        return ne((l == null ? void 0 : l.model.value) ?? {}, a.field).v;
+    });
+    function ke(e) {
+      return e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0;
+    }
+    const f = s(() => !!(a.floatingLabel && !a.hideLabel && (T.label || a.label))), Z = s(() => f.value && (W.value || ke(Y.value))), Fe = s(() => !a.hideLabel && !f.value), I = s(() => !!(a.disabled ?? (l == null ? void 0 : l.disabled.value))), B = s(() => a.validateStatus ?? Q.value), M = s(() => B.value === "error"), _ = s(() => {
+      var u;
+      const e = a.rules ?? ((u = l == null ? void 0 : l.rules.value) == null ? void 0 : u[a.field]) ?? [], t = fe(e), i = t.some((m) => m.required);
+      return a.required && !i ? [{ required: !0 }, ...t] : t;
+    }), L = s(() => _.value.some((e) => e.required));
+    function g(e, t) {
+      G[e] = t.status, J[e] = t.message, a.noStyle && (q == null || q.updateValidateState(e, t));
+    }
+    const A = s(() => {
+      if (a.feedback && B.value)
+        return B.value;
+    }), ee = s(() => {
+      if (A.value)
+        return de[A.value];
+    });
+    async function $(e) {
+      if (S.value)
+        return;
+      const t = c.value, i = _.value;
+      if (!t || i.length === 0) {
+        Q.value && z();
+        return;
+      }
+      const u = Y.value;
+      g(t, {
+        status: "",
+        message: ""
+      });
+      const m = await Ge({
+        field: t,
+        label: a.label,
+        value: u,
+        rules: i,
+        model: (l == null ? void 0 : l.model.value) ?? {},
+        trigger: e
+      });
+      if (m)
+        return g(t, {
+          status: "error",
+          message: m.message
+        }), {
+          label: a.label,
+          field: t,
+          value: u,
+          type: m.type,
+          isRequiredError: m.isRequiredError,
+          message: m.message
+        };
+      g(t, {
+        status: "",
+        message: ""
+      });
+    }
+    const we = s(() => Array.isArray(a.validateTrigger) ? a.validateTrigger : [a.validateTrigger]), Se = s(
+      () => we.value.reduce((e, t) => {
+        switch (t) {
+          case "change":
+            e.onChange = () => {
+              $("change");
+            };
+            break;
+          case "input":
+            e.onInput = () => {
+              O(() => {
+                $("input");
+              });
+            };
+            break;
+          case "focus":
+            e.onFocus = () => {
+              $("focus");
+            };
+            break;
+          case "blur":
+            e.onBlur = () => {
+              $("blur");
+            };
+            break;
+        }
+        return e;
+      }, {})
+    ), N = s(() => {
+      var e;
+      return a.field ? ie((e = l == null ? void 0 : l.id) == null ? void 0 : e.value, a.field) : ce;
+    });
+    Ue(
+      {
+        get id() {
+          return N.value;
+        },
+        eventHandlers: Se,
+        size: s(() => l == null ? void 0 : l.size.value),
+        disabled: I,
+        error: M,
+        feedback: A,
+        updateValidateState: g
+      }
+    );
+    function z() {
+      c.value && g(c.value, {
+        status: "",
+        message: ""
+      });
+    }
+    function Be(e) {
+      c.value && (S.value = !0, "value" in e && (l != null && l.model.value) && re(l.model.value, c.value, e.value), (e.status || e.message) && g(c.value, {
+        status: e.status ?? "",
+        message: e.message ?? ""
+      }), O(() => {
+        S.value = !1;
+      }));
+    }
+    function Ae() {
+      z(), S.value = !0, c.value && (l != null && l.model.value) && re(l.model.value, c.value, ye), O(() => {
+        S.value = !1;
+      });
+    }
+    const y = X({
+      field: c,
+      disabled: I,
+      error: M,
+      validate: () => $("submit"),
+      clearValidate: z,
+      resetField: Ae,
+      setField: Be
+    });
+    Ne(c, (e, t) => {
+      l && (t && l.removeField(y), e && l.addField(y));
+    });
+    function le() {
+      !w.value || f.value || l == null || l.setLabelWidth(w.value.offsetWidth, b == null ? void 0 : b.uid);
+    }
+    ze(() => {
+      y.field && (l == null || l.addField(y)), le(), typeof ResizeObserver < "u" && w.value && !f.value && (h = new ResizeObserver(() => {
+        le();
+      }), h.observe(w.value));
+    }), De(() => {
+      y.field && (l == null || l.removeField(y)), l == null || l.removeLabelWidth(b == null ? void 0 : b.uid), h == null || h.disconnect(), h = void 0;
+    });
+    const $e = s(() => !!(T.help || a.help)), ae = s(() => T.help || a.help ? [] : pe.value), xe = s(() => {
+      const e = {
+        ...K,
+        ...a.rowProps ?? {}
+      };
+      return delete e.class, e;
+    }), Le = s(() => [
+      "x-form-item",
+      `x-form-item-layout-${(l == null ? void 0 : l.layout.value) ?? "horizontal"}`,
+      {
+        "x-form-item-error": M.value,
+        "x-form-item-disabled": I.value,
+        "x-form-item-has-help": $e.value,
+        [`x-form-item-status-${B.value}`]: !!B.value,
+        "x-form-item-has-feedback": !!A.value,
+        "x-form-item-label-floating": f.value
+      },
+      a.rowClass
+    ]), Re = s(() => [
+      "x-form-item-label-col",
+      {
+        "x-form-item-label-col-left": (l == null ? void 0 : l.labelAlign.value) === "left",
+        "x-form-item-label-col-flex": (l == null ? void 0 : l.autoLabelWidth) || a.labelColFlex
+      }
+    ]), Ve = s(() => [
+      "x-form-item-wrapper-col",
+      {
+        "x-form-item-wrapper-col-flex": Object.keys(E.value ?? {}).length === 0
+      }
+    ]);
+    function Pe() {
+      f.value && (W.value = !0);
+    }
+    function qe(e) {
+      if (!f.value)
+        return;
+      const t = e.currentTarget, i = e.relatedTarget;
+      (!t || !i || !t.contains(i)) && (W.value = !1);
+    }
+    return (e, t) => {
+      var i;
+      return o.noStyle ? p(e.$slots, "default", { key: 0 }) : (n(), d("div", j({ key: 1 }, xe.value, {
+        class: [Le.value, R(K).class, (i = o.rowProps) == null ? void 0 : i.class]
+      }), [
+        Fe.value ? (n(), d("div", {
+          key: 0,
+          class: V(Re.value),
+          style: te(he.value)
+        }, [
+          (n(), k(oe(o.labelComponent), j({
+            ref_key: "labelRef",
+            ref: w,
+            class: "x-form-item-label",
+            for: N.value
+          }, o.labelAttrs), {
+            default: F(() => [
+              !o.hideAsterisk && L.value && o.asteriskPosition === "start" ? (n(), d("span", Je, " * ")) : r("", !0),
+              e.$slots.label || o.label ? p(e.$slots, "label", { key: 1 }, () => [
+                P(x(o.label), 1)
+              ]) : r("", !0),
+              o.tooltip ? (n(), k(ue, {
+                key: 2,
+                content: o.tooltip
+              }, {
+                default: F(() => [
+                  v("span", Qe, [
+                    H(R(C), { name: "wenhao" })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["content"])) : r("", !0),
+              !o.hideAsterisk && L.value && o.asteriskPosition === "end" ? (n(), d("span", Ye, " * ")) : r("", !0),
+              o.showColon ? (n(), d("span", Ze, ":")) : r("", !0)
+            ]),
+            _: 3
+          }, 16, ["for"]))
+        ], 6)) : r("", !0),
+        v("div", {
+          id: E.value.id,
+          class: V(Ve.value),
+          style: te(ge.value)
+        }, [
+          v("div", el, [
+            v("div", {
+              class: V([
+                "x-form-item-content",
+                {
+                  "x-form-item-content-flex": o.contentFlex
+                },
+                o.contentClass
+              ])
+            }, [
+              v("div", {
+                class: V(["x-form-item-control-children", {
+                  "x-form-item-control-children-floating": f.value,
+                  "is-floating-active": Z.value
+                }]),
+                onFocusin: Pe,
+                onFocusout: qe
+              }, [
+                f.value ? (n(), k(oe(o.labelComponent), j({
+                  key: 0,
+                  class: ["x-form-item-floating-label", { "is-active": Z.value }],
+                  for: N.value
+                }, o.labelAttrs), {
+                  default: F(() => [
+                    !o.hideAsterisk && L.value && o.asteriskPosition === "start" ? (n(), d("span", ll, " * ")) : r("", !0),
+                    e.$slots.label || o.label ? p(e.$slots, "label", { key: 1 }, () => [
+                      P(x(o.label), 1)
+                    ]) : r("", !0),
+                    o.tooltip ? (n(), k(ue, {
+                      key: 2,
+                      content: o.tooltip
+                    }, {
+                      default: F(() => [
+                        v("span", al, [
+                          H(R(C), { name: "wenhao" })
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["content"])) : r("", !0),
+                    !o.hideAsterisk && L.value && o.asteriskPosition === "end" ? (n(), d("span", tl, " * ")) : r("", !0),
+                    o.showColon ? (n(), d("span", ol, ":")) : r("", !0)
+                  ]),
+                  _: 3
+                }, 16, ["class", "for"])) : r("", !0),
+                p(e.$slots, "default"),
+                ee.value ? (n(), d("span", sl, [
+                  H(R(C), {
+                    name: ee.value,
+                    spin: A.value === "validating"
+                  }, null, 8, ["name", "spin"])
+                ])) : r("", !0)
+              ], 34)
+            ], 2)
+          ]),
+          ae.value.length > 0 ? (n(!0), d(Xe, { key: 0 }, Oe(ae.value, (u) => (n(), k(se, {
+            key: u,
+            name: "form-blink",
+            appear: ""
+          }, {
+            default: F(() => [
+              v("div", il, x(u), 1)
+            ]),
+            _: 2
+          }, 1024))), 128)) : e.$slots.help || o.help ? (n(), k(se, {
+            key: 1,
+            name: "form-blink",
+            appear: ""
+          }, {
+            default: F(() => [
+              v("div", nl, [
+                p(e.$slots, "help", {}, () => [
+                  P(x(o.help), 1)
+                ])
+              ])
+            ]),
+            _: 3
+          })) : r("", !0),
+          e.$slots.extra || o.extra ? (n(), d("div", rl, [
+            p(e.$slots, "extra", {}, () => [
+              P(x(o.extra), 1)
+            ])
+          ])) : r("", !0)
+        ], 14, _e)
+      ], 16));
+    };
+  }
+});
+export {
+  vl as default
+};

package/dist/components/XFormItem.vue2.js

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

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

@@ -34,11 +34,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<RowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RowProps> & Readonly<{}>, {
-    rowGap: number;
     div: boolean;
     wrap: boolean;
     justify: "start" | "center" | "end" | "space-around" | "space-between";
     align: "start" | "center" | "end" | "stretch";
+    rowGap: number;
     cols: number;
     gutter: number | number[] | GutterValue;
     colGap: number;

package/dist/components/XGrid.vue.js

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

package/dist/components/XGrid.vue2.js

@@ -0,0 +1,88 @@
+import { defineComponent as m, ref as c, onMounted as f, onUnmounted as g, computed as s, provide as u, openBlock as w, createElementBlock as y, normalizeStyle as h, normalizeClass as G, renderSlot as $ } from "vue";
+const z = /* @__PURE__ */ m({
+  __name: "XGrid",
+  props: {
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "stretch" },
+    wrap: { type: Boolean, default: !0 },
+    div: { type: Boolean, default: !1 },
+    cols: { default: void 0 },
+    colGap: { default: void 0 },
+    rowGap: { default: void 0 }
+  },
+  setup(x) {
+    const i = {
+      sm: 576,
+      md: 768,
+      lg: 992,
+      xl: 1200,
+      xxl: 1600,
+      xxxl: 2e3
+    }, t = x, o = c("xs"), n = () => {
+      const e = window.innerWidth;
+      e >= i.xxxl ? o.value = "xxxl" : e >= i.xxl ? o.value = "xxl" : e >= i.xl ? o.value = "xl" : e >= i.lg ? o.value = "lg" : e >= i.md ? o.value = "md" : e >= i.sm ? o.value = "sm" : o.value = "xs";
+    };
+    f(() => {
+      n(), window.addEventListener("resize", n);
+    }), g(() => {
+      window.removeEventListener("resize", n);
+    });
+    const d = s(() => {
+      if (typeof t.gutter == "object" && !Array.isArray(t.gutter)) {
+        const e = t.gutter;
+        let l = e.xs || 0;
+        const a = o.value;
+        return a === "sm" && e.sm !== void 0 ? l = e.sm : a === "md" && e.md !== void 0 ? l = e.md : a === "lg" && e.lg !== void 0 ? l = e.lg : a === "xl" && e.xl !== void 0 ? l = e.xl : a === "xxl" && e.xxl !== void 0 ? l = e.xxl : a === "xxxl" && e.xxxl !== void 0 && (l = e.xxxl), { horizontal: l, vertical: 0 };
+      }
+      return Array.isArray(t.gutter) ? {
+        horizontal: t.gutter[0] || 0,
+        vertical: t.gutter[1] || 0
+      } : {
+        horizontal: t.gutter,
+        vertical: 0
+      };
+    });
+    u("x-row-gutter", d), u("x-row-div", s(() => t.div));
+    const r = s(() => t.cols !== void 0 || t.colGap !== void 0 || t.rowGap !== void 0);
+    u(
+      "x-grid-layout-mode",
+      s(() => ({
+        enabled: r.value,
+        cols: Math.max(1, Number(t.cols ?? 1))
+      }))
+    );
+    const v = s(() => [
+      { "x-row": !t.div && !r.value },
+      { "x-grid": !t.div && r.value },
+      { [`x-row-justify-${t.justify}`]: !r.value },
+      { [`x-row-align-${t.align}`]: !r.value },
+      { "x-row-no-wrap": !t.wrap && !t.div && !r.value }
+    ]), p = s(() => {
+      if (t.div) return {};
+      if (r.value)
+        return {
+          display: "grid",
+          gridTemplateColumns: `repeat(${Math.max(1, Number(t.cols ?? 1))}, minmax(0, 1fr))`,
+          columnGap: `${Number(t.colGap ?? 0)}px`,
+          rowGap: `${Number(t.rowGap ?? 0)}px`
+        };
+      const { horizontal: e, vertical: l } = d.value;
+      return {
+        marginLeft: e ? `-${e / 2}px` : void 0,
+        marginRight: e ? `-${e / 2}px` : void 0,
+        marginTop: l ? `-${l / 2}px` : void 0,
+        marginBottom: l ? `-${l / 2}px` : void 0
+      };
+    });
+    return (e, l) => (w(), y("div", {
+      class: G(v.value),
+      style: h(p.value)
+    }, [
+      $(e.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+});
+export {
+  z as default
+};

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

@@ -124,11 +124,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    order: ResponsiveValue;
-    flex: FlexType;
-    offset: ResponsiveValue;
     span: ResponsiveValue;
     push: ResponsiveValue;
+    flex: FlexType;
+    offset: ResponsiveValue;
+    order: ResponsiveValue;
     xxl: ResponsiveValue;
     xl: ResponsiveValue;
     lg: ResponsiveValue;

package/dist/components/XGridItem.vue.js

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

package/dist/components/XGridItem.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as N, inject as c, computed as r, openBlock as j, createElementBlock as O, normalizeStyle as C, normalizeClass as S, renderSlot as V } from "vue";
+const z = /* @__PURE__ */ N({
+  __name: "XGridItem",
+  props: {
+    span: {
+      type: [Number, Object],
+      default: void 0
+    },
+    offset: {
+      type: [Number, Object],
+      default: 0
+    },
+    order: {
+      type: [Number, Object],
+      default: 0
+    },
+    push: {
+      type: [Number, Object],
+      default: 0
+    },
+    pull: {
+      type: [Number, Object],
+      default: 0
+    },
+    flex: {
+      type: [String, Number],
+      default: void 0
+    },
+    xs: {
+      type: [Number, Object],
+      default: void 0
+    },
+    sm: {
+      type: [Number, Object],
+      default: void 0
+    },
+    md: {
+      type: [Number, Object],
+      default: void 0
+    },
+    lg: {
+      type: [Number, Object],
+      default: void 0
+    },
+    xl: {
+      type: [Number, Object],
+      default: void 0
+    },
+    xxl: {
+      type: [Number, Object],
+      default: void 0
+    },
+    xxxl: {
+      type: [Number, Object],
+      default: void 0
+    }
+  },
+  setup(v) {
+    const e = v, i = c("x-row-gutter"), a = c("x-row-div"), n = c("x-grid-layout-mode"), h = r(() => (i == null ? void 0 : i.value) || { horizontal: 0, vertical: 0 }), x = r(() => (a == null ? void 0 : a.value) || !1), d = r(() => (n == null ? void 0 : n.value.enabled) ?? !1), b = r(() => Math.max(1, (n == null ? void 0 : n.value.cols) ?? 1));
+    function p(t) {
+      return typeof t == "number" ? { span: t } : t || {};
+    }
+    function l(t, s) {
+      if (s === void 0) return [];
+      const o = p(s), u = [], f = t === "" ? "x-col" : `x-col-${t}`;
+      return o.span !== void 0 && u.push(`${f}-${o.span}`), o.offset && o.offset > 0 && u.push(`${f}-offset-${o.offset}`), o.push && o.push > 0 && u.push(`${f}-push-${o.push}`), o.pull && o.pull > 0 && u.push(`${f}-pull-${o.pull}`), o.order !== void 0 && u.push(`${f}-order-${o.order}`), u;
+    }
+    const $ = r(() => {
+      const t = [];
+      if (!x.value && !d.value && t.push("x-col"), d.value)
+        return t;
+      const s = e.span ?? 24;
+      if (t.push(...l("", s)), e.offset) {
+        const o = typeof e.offset == "number" ? e.offset : p(e.offset).offset;
+        o && t.push(`x-col-offset-${o}`);
+      }
+      if (e.push) {
+        const o = typeof e.push == "number" ? e.push : p(e.push).push;
+        o && t.push(`x-col-push-${o}`);
+      }
+      if (e.pull) {
+        const o = typeof e.pull == "number" ? e.pull : p(e.pull).pull;
+        o && t.push(`x-col-pull-${o}`);
+      }
+      if (e.order) {
+        const o = typeof e.order == "number" ? e.order : p(e.order).order;
+        o && t.push(`x-col-order-${o}`);
+      }
+      return e.xs !== void 0 && t.push(...l("xs", e.xs)), e.sm !== void 0 && t.push(...l("sm", e.sm)), e.md !== void 0 && t.push(...l("md", e.md)), e.lg !== void 0 && t.push(...l("lg", e.lg)), e.xl !== void 0 && t.push(...l("xl", e.xl)), e.xxl !== void 0 && t.push(...l("xxl", e.xxl)), e.xxxl !== void 0 && t.push(...l("xxxl", e.xxxl)), t;
+    }), y = r(() => {
+      const t = {};
+      if (d.value) {
+        const s = e.span !== void 0 ? p(e.span) : {}, o = Math.max(1, Number(s.span ?? 1)), u = e.offset !== void 0 ? p(e.offset) : {}, f = Math.max(0, Number(u.offset ?? 0)), m = Math.min(o, b.value), g = f + 1;
+        return t.minWidth = "0", (f > 0 || m > 1) && (t.gridColumn = `${g} / span ${m}`), t;
+      }
+      if (!x.value) {
+        const { horizontal: s, vertical: o } = h.value;
+        t.paddingLeft = s ? `${s / 2}px` : void 0, t.paddingRight = s ? `${s / 2}px` : void 0, t.paddingTop = o ? `${o / 2}px` : void 0, t.paddingBottom = o ? `${o / 2}px` : void 0;
+      }
+      return e.flex !== void 0 && (t.flex = typeof e.flex == "number" ? `${e.flex}` : e.flex), t;
+    });
+    return (t, s) => (j(), O("div", {
+      class: S($.value),
+      style: C(y.value)
+    }, [
+      V(t.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+});
+export {
+  z as default
+};

package/dist/components/XGridLayout.vue.js

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