@das-fed/ui 6.4.0-dev.9 → 6.4.0-dev.90

package/packages/components/form/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/ui/packages/components/form/style.css';
-import { defineComponent as p, provide as u, reactive as v, openBlock as g, createElementBlock as h, normalizeClass as F, normalizeStyle as y, renderSlot as _, ref as x } from "vue";
-import { withInstall as I } from "@das-fed/utils/with-install/index";
+import { defineComponent as _, ref as p, useSlots as x, watch as N, nextTick as I, provide as M, reactive as b, onMounted as k, openBlock as S, 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 S = /* @__PURE__ */ p({
+const L = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -16,51 +16,78 @@ const S = /* @__PURE__ */ p({
     rules: { default: {} },
     labelMarginRight: { default: "30px" },
     isSearchForm: { type: Boolean, default: !1 },
-    errorMode: { default: "default" }
+    errorMode: { default: "default" },
+    autoMarginRight: { type: Boolean, default: !1 }
   },
-  setup(l, { expose: r }) {
-    const o = l;
-    let a = [];
-    u("DasForm", v({ props: o, addField: (e) => {
-      a.push(e);
+  setup(n, { expose: d }) {
+    const a = n, i = p(), c = x(), g = () => {
+      const e = ["#comment", "#text"], t = Array.from(i.value.childNodes).filter(
+        (r) => !e.includes(r.nodeName)
+      ), l = a.cols || 4;
+      let o = 0;
+      t.forEach((r, R) => {
+        const f = Number(r.dataset.col ?? 1);
+        o += f;
+        const m = t[R];
+        o === l || o > l && f === l ? m.classList.add("marin-right-0") : m.classList.remove("marin-right-0"), o === l ? o = 0 : o > l && (o = f);
+      });
+    };
+    N(
+      () => c.default(),
+      (e) => {
+        I(() => {
+          u();
+        });
+      },
+      {
+        deep: !0
+      }
+    );
+    let s = [];
+    M("DasForm", b({ props: a, addField: (e) => {
+      s.push(e);
     }, removeField: (e) => {
-      a = a.filter((t) => t.timeStamp !== e.timeStamp);
+      s = s.filter((t) => t.timeStamp !== e.timeStamp);
     } }));
-    const i = async (e) => {
-      const t = await f();
+    const h = async (e) => {
+      const t = await y();
       e(t);
-    }, d = async (e, t) => {
-      const m = await a.find((n) => n.propName === e && n.rules.length > 0).validate();
-      t(m);
-    }, f = async () => {
+    }, v = async (e, t) => {
+      const o = await s.find((r) => r.propName === e && r.rules.length > 0).validate();
+      t(o);
+    }, y = async () => {
       let e = !0;
-      for (const t of a)
+      for (const t of s)
         t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
+    }, F = () => {
+      s.forEach((e) => {
+        e.resetError();
+      });
+    }, u = () => {
+      a.autoMarginRight && a.alignType === "horizontal" && g();
     };
-    return r({
-      validate: i,
-      validateField: d,
-      resetField: () => {
-        a.forEach((e) => {
-          e.resetError();
-        });
-      }
-    }), (e, t) => (g(), h("div", {
-      class: F(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
-      style: y({ alignItems: e.alignItems })
+    return k(u), d({
+      validate: h,
+      validateField: v,
+      resetField: F
+    }), (e, t) => (S(), w("div", {
+      class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
+      ref_key: "$formRef",
+      ref: i,
+      style: B({ alignItems: e.alignItems })
     }, [
-      _(e.$slots, "default", {}, void 0, !0)
+      C(e.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), b = (l, r) => {
-  const o = l.__vccOpts || l;
-  for (const [a, s] of r)
-    o[a] = s;
-  return o;
-}, w = /* @__PURE__ */ b(S, [["__scopeId", "data-v-7f30b002"]]), R = I(w), C = () => x(null);
+}), T = (n, d) => {
+  const a = n.__vccOpts || n;
+  for (const [i, c] of d)
+    a[i] = c;
+  return a;
+}, A = /* @__PURE__ */ T(L, [["__scopeId", "data-v-e05eb9be"]]), j = E(A), q = () => p(null);
 export {
-  R as DasForm,
-  C as DasFormRef,
-  R as default
+  j as DasForm,
+  q as DasFormRef,
+  j as default
 };

package/packages/components/form/src/Index.vue.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     labelMarginRight: string;
     errorMode: string;
     isSearchForm: boolean;
+    autoMarginRight: boolean;
 }>, {
     validate: (callback: any) => Promise<void>;
     validateField: (prop: string, callback: any) => Promise<void>;
@@ -30,18 +31,20 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     labelMarginRight: string;
     errorMode: string;
     isSearchForm: boolean;
+    autoMarginRight: boolean;
 }>>>, {
-    alignItems: string;
-    marginBottom: string;
-    marginRight: string;
     labelLength: number | string;
     contentWidth: number | string;
     labelPosition: "left" | "right" | "top";
     alignType: "vertical" | "horizontal";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
     rules: any;
     labelMarginRight: string;
     isSearchForm: boolean;
     errorMode: "default" | "overlay";
+    autoMarginRight: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/packages/components/form/src/type.d.ts

@@ -1,37 +1,40 @@
-export interface Props {
-  
-  labelLength?: number | string
-
-  
-  contentWidth?: number | string
-
-  
-  labelPosition?: 'left' | 'right' | 'top'
-
-  
-  alignType?: 'vertical' | 'horizontal'
-
-  
-  alignItems?: string
-
-  
-  marginBottom?: string
-
-  
-  marginRight?: string
-
-  
-  cols?: number
-
-  
-  rules?: any
-
-  
-  labelMarginRight?: string
-
-  
-  isSearchForm?: boolean
-
-  
-  errorMode?: 'default' | 'overlay'
-}
+export interface Props {
+  
+  labelLength?: number | string
+
+  
+  contentWidth?: number | string
+
+  
+  labelPosition?: 'left' | 'right' | 'top'
+
+  
+  alignType?: 'vertical' | 'horizontal'
+
+  
+  alignItems?: string
+
+  
+  marginBottom?: string
+
+  
+  marginRight?: string
+
+  
+  cols?: number
+
+  
+  rules?: any
+
+  
+  labelMarginRight?: string
+
+  
+  isSearchForm?: boolean
+
+  
+  errorMode?: 'default' | 'overlay'
+
+  
+  autoMarginRight?: boolean
+}

package/packages/components/form/style.css

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