@das-fed/ui 6.4.0-dev.21 → 6.4.0-dev.22

package/packages/components/form/index.js

@@ -1,11 +1,8 @@
 import '@das-fed/ui/packages/components/form/style.css';
-import { defineComponent as M, ref as y, useSlots as N, watch as k, nextTick as S, provide as b, reactive as w, onMounted as z, openBlock as B, createElementBlock as C, normalizeClass as E, normalizeStyle as T, renderSlot as D } from "vue";
-import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { defineComponent as x, ref as p, useSlots as _, watch as N, nextTick as I, provide as M, reactive as k, onMounted as S, openBlock as b, createElementBlock as w, normalizeClass as z, normalizeStyle as B, renderSlot as C } from "vue";
+import { withInstall as E } from "@das-fed/utils/with-install/index";
 import "@das-fed/ui/packages/global/theme";
-const v = (a, n = "children") => Array.isArray(a) && a.length ? a.reduce((t, s) => {
-  let l = s[n], i = { ...s };
-  return delete i[n], l && l.length ? t.concat(v(l, n)) : typeof i.type == "object" && i.props ? t.concat(i) : t;
-}, []) : [], P = /* @__PURE__ */ M({
+const T = /* @__PURE__ */ x({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -22,29 +19,23 @@ const v = (a, n = "children") => Array.isArray(a) && a.length ? a.reduce((t, s)
     errorMode: { default: "default" },
     autoMarginRight: { type: Boolean, default: !1 }
   },
-  setup(a, { expose: n }) {
-    const t = a, s = y(), l = N(), i = () => {
-      const e = l.default(), o = ["#comment", "#text"], d = Array.from(s.value.childNodes).filter(
-        (m) => !o.includes(m.nodeName)
-      ), f = t.cols || 4;
-      let r = 0;
-      v(e).forEach((m, x) => {
-        const p = m.props, g = p.col ?? 1;
-        r += g;
-        const h = d[x];
-        if (r === f)
-          h.style.marginRight = "0px";
-        else {
-          const A = p.marginRight;
-          h.style.marginRight = A || t.marginRight;
-        }
-        r === f ? r = 0 : r > f && (r = g);
+  setup(n, { expose: d }) {
+    const a = n, i = p(), c = _(), g = () => {
+      const e = ["#comment", "#text"], t = Array.from(i.value.childNodes).filter(
+        (s) => !e.includes(s.nodeName)
+      ), l = a.cols || 4;
+      let o = 0;
+      t.forEach((s, F) => {
+        const f = Number(s.dataset.col ?? 1);
+        o += f;
+        const m = t[F];
+        o === l || o > l && f === l ? m.style.marginRight = "0px" : m.style.marginRight = a.marginRight, o === l ? o = 0 : o > l && (o = f);
       });
     };
-    k(
-      () => l.default(),
+    N(
+      () => c.default(),
       (e) => {
-        S(() => {
+        I(() => {
           u();
         });
       },
@@ -52,57 +43,57 @@ const v = (a, n = "children") => Array.isArray(a) && a.length ? a.reduce((t, s)
         deep: !0
       }
     );
-    let c = [];
-    b("DasForm", w({ props: t, addField: (e) => {
-      c.push(e);
+    let r = [];
+    M("DasForm", k({ props: a, addField: (e) => {
+      r.push(e);
     }, removeField: (e) => {
-      c = c.filter((o) => o.timeStamp !== e.timeStamp);
+      r = r.filter((t) => t.timeStamp !== e.timeStamp);
     } }));
-    const F = async (e) => {
-      const o = await I();
-      e(o);
-    }, R = async (e, o) => {
-      const f = await c.find((r) => r.propName === e && r.rules.length > 0).validate();
-      o(f);
-    }, I = async () => {
+    const h = async (e) => {
+      const t = await y();
+      e(t);
+    }, v = async (e, t) => {
+      const o = await r.find((s) => s.propName === e && s.rules.length > 0).validate();
+      t(o);
+    }, y = async () => {
       let e = !0;
-      for (const o of c)
-        o.propName && o.rules.length > 0 && (await o.validate() || (e = !1));
+      for (const t of r)
+        t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, _ = () => {
-      c.forEach((e) => {
+    }, R = () => {
+      r.forEach((e) => {
         e.resetError();
       });
     }, u = () => {
-      t.autoMarginRight && t.alignType === "horizontal" && i();
+      a.autoMarginRight && a.alignType === "horizontal" && g();
     };
-    return z(u), n({
-      validate: F,
-      validateField: R,
-      resetField: _
-    }), (e, o) => (B(), C(
+    return S(u), d({
+      validate: h,
+      validateField: v,
+      resetField: R
+    }), (e, t) => (b(), w(
       "div",
       {
-        class: E(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
+        class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
         ref_key: "$formRef",
-        ref: s,
-        style: T({ alignItems: e.alignItems })
+        ref: i,
+        style: B({ alignItems: e.alignItems })
       },
       [
-        D(e.$slots, "default", {}, void 0, !0)
+        C(e.$slots, "default", {}, void 0, !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), j = (a, n) => {
-  const t = a.__vccOpts || a;
-  for (const [s, l] of n)
-    t[s] = l;
-  return t;
-}, L = /* @__PURE__ */ j(P, [["__scopeId", "data-v-69fd5aba"]]), K = $(L), Q = () => y(null);
+}), A = (n, d) => {
+  const a = n.__vccOpts || n;
+  for (const [i, c] of d)
+    a[i] = c;
+  return a;
+}, D = /* @__PURE__ */ A(T, [["__scopeId", "data-v-e961128b"]]), j = E(D), q = () => p(null);
 export {
-  K as DasForm,
-  Q as DasFormRef,
-  K as default
+  j as DasForm,
+  q as DasFormRef,
+  j as default
 };

package/packages/components/form/style.css

@@ -1 +1 @@
-.das-ui-form[data-v-69fd5aba]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-69fd5aba]{flex-direction:row;flex-wrap:wrap}
+.das-ui-form[data-v-e961128b]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-e961128b]{flex-direction:row;flex-wrap:wrap}