@das-fed/upf-ui 6.4.0-dev.142 → 6.4.0-dev.143

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/upf-ui",
-  "version": "6.4.0-dev.142",
+  "version": "6.4.0-dev.143",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -26,7 +26,7 @@
     "@antv/x6-plugin-snapline": "^2.1.7",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@antv/x6-vue-shape": "^2.1.2",
-    "@das-fed/upf-ui": "6.4.0-dev.142",
+    "@das-fed/upf-ui": "6.4.0-dev.143",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/upf-cli": "6.4.0-dev.142",
-    "@das-fed/upf-utils": "6.4.0-dev.142",
-    "@das-fed/upf-web": "6.4.0-dev.142",
+    "@das-fed/upf-cli": "6.4.0-dev.143",
+    "@das-fed/upf-utils": "6.4.0-dev.143",
+    "@das-fed/upf-web": "6.4.0-dev.143",
     "@types/markdown-it": "^14.1.2",
     "@wangeditor-next/editor": "5.6.31",
     "@wangeditor-next/editor-for-vue": "5.1.14",

package/packages/components/form/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/upf-ui/packages/components/form/style.css';
-import { defineComponent as y, ref as d, provide as F, reactive as _, computed as i, createElementBlock as R, openBlock as x, normalizeStyle as S, normalizeClass as I, renderSlot as z } from "vue";
-import { withInstall as B } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as I, ref as f, reactive as d, computed as r, provide as R, createElementBlock as x, openBlock as S, normalizeStyle as M, normalizeClass as z, renderSlot as B } from "vue";
+import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
 import "@das-fed/upf-ui/packages/global/theme";
-const $ = /* @__PURE__ */ y({
+const k = /* @__PURE__ */ I({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -20,64 +20,71 @@ const $ = /* @__PURE__ */ y({
     autoMarginRight: { type: Boolean, default: !1 },
     size: { default: "default" }
   },
-  setup(o, { expose: r }) {
-    const t = o, n = d();
-    let l = [];
-    F("DasForm", _({ props: t, addField: (e) => {
+  setup(o, { expose: s }) {
+    const a = o, n = f();
+    let l = d([]);
+    const c = r(() => l.filter((e) => {
+      var t;
+      return (t = e.formItemProps) == null ? void 0 : t.required;
+    }).length > 0), m = r(() => l.filter((e) => {
+      var t;
+      return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
+    }).length > 0);
+    R("DasForm", d({ props: a, addField: (e) => {
       l.push(e);
     }, removeField: (e) => {
-      l = l.filter((a) => a.timeStamp !== e.timeStamp);
-    } }));
-    const f = async (e) => {
-      const a = await u();
-      e(a);
-    }, c = async (e, a) => {
-      const h = await l.find((s) => s.propName === e && s.rules.length > 0).validate();
-      a(h);
-    }, u = async () => {
+      l = l.filter((t) => t.timeStamp !== e.timeStamp);
+    }, hasRequiredFormItem: c, hasHelpMessageFormItem: m }));
+    const u = async (e) => {
+      const t = await g();
+      e(t);
+    }, p = async (e, t) => {
+      const _ = await l.find((i) => i.propName === e && i.rules.length > 0).validate();
+      t(_);
+    }, g = async () => {
       let e = !0;
-      for (const a of l)
-        a.propName && a.rules.length > 0 && (await a.validate() || (e = !1));
+      for (const t of l)
+        t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, m = () => {
+    }, h = () => {
       l.forEach((e) => {
         e.resetError();
       });
-    }, p = i(() => ({
+    }, v = r(() => ({
       display: "grid",
-      gridTemplateColumns: `repeat(${t.cols}, ${t.contentWidth && t.contentWidth !== "auto" ? "min-content" : "1fr"})`,
-      gridColumnGap: t.cols && t.autoMarginRight ? t.marginRight : void 0
-    })), g = i(() => ({
-      alignItems: t.alignItems,
-      ...t.cols && t.alignType === "vertical" ? p.value : {}
+      gridTemplateColumns: `repeat(${a.cols}, ${a.contentWidth && a.contentWidth !== "auto" ? "min-content" : "1fr"})`,
+      gridColumnGap: a.cols && a.autoMarginRight ? a.marginRight : void 0
+    })), y = r(() => ({
+      alignItems: a.alignItems,
+      ...a.cols && a.alignType === "vertical" ? v.value : {}
     }));
-    return r({
-      validate: f,
-      validateField: c,
-      resetField: m
-    }), (e, a) => (x(), R(
+    return s({
+      validate: u,
+      validateField: p,
+      resetField: h
+    }), (e, t) => (S(), x(
       "div",
       {
-        class: I(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
+        class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
         ref_key: "$formRef",
         ref: n,
-        style: S(g.value)
+        style: M(y.value)
       },
       [
-        z(e.$slots, "default", {}, void 0, !0)
+        B(e.$slots, "default", {}, void 0, !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), k = (o, r) => {
-  const t = o.__vccOpts || o;
-  for (const [n, l] of r)
-    t[n] = l;
-  return t;
-}, w = /* @__PURE__ */ k($, [["__scopeId", "data-v-d8f87c64"]]), E = B(w), W = () => d(null);
+}), w = (o, s) => {
+  const a = o.__vccOpts || o;
+  for (const [n, l] of s)
+    a[n] = l;
+  return a;
+}, C = /* @__PURE__ */ w(k, [["__scopeId", "data-v-e455d465"]]), W = $(C), q = () => f(null);
 export {
-  E as DasForm,
-  W as DasFormRef,
-  E as default
+  W as DasForm,
+  q as DasFormRef,
+  W as default
 };

package/packages/components/form/style.css

@@ -1 +1 @@
-.das-ui-form[data-v-d8f87c64]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-d8f87c64]{flex-direction:row;flex-wrap:wrap}.das-ui-form.grid[data-v-d8f87c64]{display:grid;grid-template-columns:repeat(var(--cols),var(--content-width, 1fr));column-gap:var(--gap)}
+.das-ui-form[data-v-e455d465]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-e455d465]{flex-direction:row;flex-wrap:wrap}.das-ui-form.grid[data-v-e455d465]{display:grid;grid-template-columns:repeat(var(--cols),var(--content-width, 1fr));column-gap:var(--gap)}