@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.301

package/packages/components/empty/index.d.ts

@@ -2,8 +2,8 @@ declare const DasEmpty: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         size: "default" | "large" | "small" | "custom";
         title: string;
-        description: string;
         image: string;
+        description: string;
         showImage: boolean;
         showDescription: boolean;
         imageSize: number;
@@ -17,8 +17,8 @@ declare const DasEmpty: import("@das-fed/upf-utils").SFCWithInstall<{
     }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, {
         size: "default" | "large" | "small" | "custom";
         title: string;
-        description: string;
         image: string;
+        description: string;
         showImage: boolean;
         showDescription: boolean;
         imageSize: number;
@@ -29,8 +29,8 @@ declare const DasEmpty: import("@das-fed/upf-utils").SFCWithInstall<{
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: "default" | "large" | "small" | "custom";
     title: string;
-    description: string;
     image: string;
+    description: string;
     showImage: boolean;
     showDescription: boolean;
     imageSize: number;

package/packages/components/empty/index.js

@@ -1,24 +1,24 @@
-import { withInstall as l } from "@das-fed/upf-utils/with-install/index";
+import { withInstall as d } from "@das-fed/upf-utils/with-install/index";
 import { t as m, setI18nRule as u } from "@das-fed/upf-web/packages/i18n/index";
-import { computed as p, defineComponent as A, openBlock as o, createElementBlock as s, createVNode as z, unref as f, withCtx as v, renderSlot as i, toDisplayString as a, createCommentVNode as d } from "vue";
-import { ElEmpty as c } from "element-plus"
+import { computed as A, defineComponent as c, openBlock as f, createElementBlock as v, createVNode as z, unref as o, withCtx as s, renderSlot as y, toDisplayString as l, createCommentVNode as a, Fragment as P, createElementVNode as g } from "vue";
+import { ElEmpty as p } from "element-plus"
 import '@das-fed/upf-ui/packages/components/empty/style.css';
 ;
-const P = (t) => {
+const x = (e) => {
   const n = {
     default: 168,
     large: 224,
     small: 120,
     custom: void 0
   };
-  return { imgSize: p(() => n[t.size] || t.imageSize) };
-}, g = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAABgCAMAAAC+LslfAAABklBMVEUAAAD////////////////////////j4+P////q///////r6+v////x///y///z8//29vbt9vbu9/fv7/fv9/fy+Pjy8vny+f/z8/n09Pnv9Prx9vry8vvy9/vy9/vv8/fz8/vw9Pjx9Pj09Pv1+Pj1+Pzy9fjy9fny9vnz9vnw9vnw8/bw8/nw9vn09vnx9Pnx9Pny9frz+Prz9frz9vrz9vr09vrx9vry9vv09vvy9Pjy9Pv09vv09vvy9Pvy9Pnz9fvz9/nx9fnx9fvx9fnz9fvz9fvx9fny9vnq7PLy9Pny9vny9vvy9Pny9vny9Pny9Pny9vry9vvx9Prz9Prz9Prx9fry9Pry9fzy9frx9Prz9vzy9fvz9fvx9fnz9vvy9Pry9Pry9fry9fry9frz9frz9fry9fry9fny9Pny9Prx9Pny9vzy9vzy9vry9vry9frz9fry9fvy9fvy9fny9fry9fry9vvy9fre4ebq7fLx9Prx9fnx9fry9fny9fry9fvy9vry9vvz9frz9vrz9vv4+wSwAAAAeXRSTlMAAgMEBQYHCQsMDA0REhQVHB0eICAmKCgsLi83Ozw9QEJGSEhLS01PUVJUVldXWVpbYmlqbG5vcHJyc3N1dnd5e3t+fn+AgYSHiIiIiImJiouMjI+PkJWcnJ2mrK6ut7/BwsTHyM/Q0dbX2drb3N3e4OHk5ebq8PL2luGUowAAAAFiS0dEAf8CLd4AAAJ8SURBVGje7dlpUxNBEIfxbDCCeKDirSiKRsQrioI3AkGBiKjxvsVbFMEggtmZCS58b15QaCE7mZ6equ2hqp9P8KtO1X+3NqkUx3Ecx+nL3J5U4AYIoQVl0W9C6aQVlFCq7KB0UlsomdQaSiW1hxJJEVAaKQZKIkVBKaQ4KIEUCU1eioUmLkVDk5bioQlLFwUzS1m5GcpQhjKUoasOiouhDGXo6oXOWMbQpdY2D70ZnZoujQw3pT2G1nd++/W3sc5aX6GHPv9c1vusl9D0jfGJ/xq/EvgHDYa+xHQ/8G6euj7Eds43aNO7+N56Bl334pWmeb+gJ1/qEmVXaHr/nZHS9NTo68HmjKtzzePnulTFDVp74fu/bf7aUe8G3f1UmxDV5skIPfpx+TZ/OugEbXuiTakyHhpcm1ixzX1pjHBnrrdYzOfyD7VVH/zq0OBB3DbfCqyZDe33jFUqf9DQ8/HbfNXWua37pjml5rDQWd0277Nzbrx8HRD+py/P6bb5WZ0V9PglSFJK5DgJoR3nNhvnlnZQ+BUtK+04P6qxebqfAYWHCqFf510W0COnQEVRhHNWlNKv8zELaLYVFPqgs0rp17k3ly8We07vgEBbYKEvOq/UXWNnN5mhB2CFYYg+KmCmuxuN0L2wXF6cITt9cYMJugeWWHx9sk9KCRrqEybodlguF4Ut9WYDdCssFyhsqU1P/gZYaGUURbClPmyAroeFf9YrBVvqrAFaA8vlosCpJv6QG4YhcKrpvzgDp5oYKoQATjX9RYFTTQ8FTjU9FDjVxFApJXCq6S8KnGr+546hDPUKWsI7fyQKLeCh/YlCMwXkTUuFTIrjOI7j9C0AikFlNRu/XcAAAAAASUVORK5CYII=", C = { class: "das-ui-empty" }, h = {
+  return { imgSize: A(() => n[e.size] || e.imageSize) };
+}, C = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAABgCAMAAAC+LslfAAABklBMVEUAAAD////////////////////////j4+P////q///////r6+v////x///y///z8//29vbt9vbu9/fv7/fv9/fy+Pjy8vny+f/z8/n09Pnv9Prx9vry8vvy9/vy9/vv8/fz8/vw9Pjx9Pj09Pv1+Pj1+Pzy9fjy9fny9vnz9vnw9vnw8/bw8/nw9vn09vnx9Pnx9Pny9frz+Prz9frz9vrz9vr09vrx9vry9vv09vvy9Pjy9Pv09vv09vvy9Pvy9Pnz9fvz9/nx9fnx9fvx9fnz9fvz9fvx9fny9vnq7PLy9Pny9vny9vvy9Pny9vny9Pny9Pny9vry9vvx9Prz9Prz9Prx9fry9Pry9fzy9frx9Prz9vzy9fvz9fvx9fnz9vvy9Pry9Pry9fry9fry9frz9frz9fry9fry9fny9Pny9Prx9Pny9vzy9vzy9vry9vry9frz9fry9fvy9fvy9fny9fry9fry9vvy9fre4ebq7fLx9Prx9fnx9fry9fny9fry9fvy9vry9vvz9frz9vrz9vv4+wSwAAAAeXRSTlMAAgMEBQYHCQsMDA0REhQVHB0eICAmKCgsLi83Ozw9QEJGSEhLS01PUVJUVldXWVpbYmlqbG5vcHJyc3N1dnd5e3t+fn+AgYSHiIiIiImJiouMjI+PkJWcnJ2mrK6ut7/BwsTHyM/Q0dbX2drb3N3e4OHk5ebq8PL2luGUowAAAAFiS0dEAf8CLd4AAAJ8SURBVGje7dlpUxNBEIfxbDCCeKDirSiKRsQrioI3AkGBiKjxvsVbFMEggtmZCS58b15QaCE7mZ6equ2hqp9P8KtO1X+3NqkUx3Ecx+nL3J5U4AYIoQVl0W9C6aQVlFCq7KB0UlsomdQaSiW1hxJJEVAaKQZKIkVBKaQ4KIEUCU1eioUmLkVDk5bioQlLFwUzS1m5GcpQhjKUoasOiouhDGXo6oXOWMbQpdY2D70ZnZoujQw3pT2G1nd++/W3sc5aX6GHPv9c1vusl9D0jfGJ/xq/EvgHDYa+xHQ/8G6euj7Eds43aNO7+N56Bl334pWmeb+gJ1/qEmVXaHr/nZHS9NTo68HmjKtzzePnulTFDVp74fu/bf7aUe8G3f1UmxDV5skIPfpx+TZ/OugEbXuiTakyHhpcm1ixzX1pjHBnrrdYzOfyD7VVH/zq0OBB3DbfCqyZDe33jFUqf9DQ8/HbfNXWua37pjml5rDQWd0277Nzbrx8HRD+py/P6bb5WZ0V9PglSFJK5DgJoR3nNhvnlnZQ+BUtK+04P6qxebqfAYWHCqFf510W0COnQEVRhHNWlNKv8zELaLYVFPqgs0rp17k3ly8We07vgEBbYKEvOq/UXWNnN5mhB2CFYYg+KmCmuxuN0L2wXF6cITt9cYMJugeWWHx9sk9KCRrqEybodlguF4Ut9WYDdCssFyhsqU1P/gZYaGUURbClPmyAroeFf9YrBVvqrAFaA8vlosCpJv6QG4YhcKrpvzgDp5oYKoQATjX9RYFTTQ8FTjU9FDjVxFApJXCq6S8KnGr+546hDPUKWsI7fyQKLeCh/YlCMwXkTUuFTIrjOI7j9C0AikFlNRu/XcAAAAAASUVORK5CYII=", E = { class: "das-ui-empty" }, U = {
   key: 0,
   class: "title"
-}, x = {
+}, h = {
   key: 1,
   class: "description"
-}, U = ["width", "src"], D = { key: 1 }, E = /* @__PURE__ */ A({
+}, D = ["width", "src"], b = /* @__PURE__ */ c({
   __name: "Index",
   props: {
     title: { default: "" },
@@ -27,42 +27,70 @@ const P = (t) => {
     showDescription: { type: Boolean, default: !0 },
     description: { default: "" },
     imageSize: { default: 168 },
-    image: { default: g }
+    image: { default: C }
   },
-  setup(t) {
-    const n = t, { imgSize: r } = P(n);
-    return (e, y) => (o(), s("div", C, [
-      z(f(c), { "image-size": f(r) }, {
-        description: v(() => [
-          i(e.$slots, "description", {}, () => [
-            e.title ? (o(), s("div", h, a(e.title), 1)) : d("", !0),
-            e.showDescription ? (o(), s("div", x, a(e.description || f(m)("das-empty-desc")), 1)) : d("", !0)
+  setup(e) {
+    const n = e, { imgSize: t } = x(n);
+    return (r, i) => (f(), v("div", E, [
+      z(o(p), { "image-size": o(t) }, {
+        description: s(() => [
+          y(r.$slots, "description", {}, () => [
+            e.title ? (f(), v(
+              "div",
+              U,
+              l(e.title),
+              1
+              /* TEXT */
+            )) : a("v-if", !0),
+            e.showDescription ? (f(), v(
+              "div",
+              h,
+              l(e.description || o(m)("das-empty-desc")),
+              1
+              /* TEXT */
+            )) : a("v-if", !0)
           ], !0)
         ]),
-        default: v(() => [
-          i(e.$slots, "default", {}, void 0, !0)
+        default: s(() => [
+          y(r.$slots, "default", {}, void 0, !0)
         ]),
-        image: v(() => [
-          i(e.$slots, "image", {}, () => [
-            e.showImage ? (o(), s("img", {
+        image: s(() => [
+          y(r.$slots, "image", {}, () => [
+            e.showImage ? (f(), v("img", {
               key: 0,
-              width: f(r),
+              width: o(t),
               src: e.image
-            }, null, 8, U)) : (o(), s("div", D))
+            }, null, 8, D)) : (f(), v(
+              P,
+              { key: 1 },
+              [
+                a(" image为空时用于占位，防止出现默认图片 "),
+                i[0] || (i[0] = g(
+                  "div",
+                  null,
+                  null,
+                  -1
+                  /* CACHED */
+                ))
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
           ], !0)
         ]),
         _: 3
+        /* FORWARDED */
       }, 8, ["image-size"])
     ]));
   }
-}), b = (t, n) => {
-  const r = t.__vccOpts || t;
-  for (const [e, y] of n)
-    r[e] = y;
-  return r;
-}, K = /* @__PURE__ */ b(E, [["__scopeId", "data-v-af77685e"]]), V = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } }, j = l(K);
-u(V);
+}), K = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, i] of n)
+    t[r] = i;
+  return t;
+}, V = /* @__PURE__ */ K(b, [["__scopeId", "data-v-af77685e"]]), Q = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } }, q = d(V);
+u(Q);
 export {
-  j as DasEmpty,
-  j as default
+  q as DasEmpty,
+  q as default
 };

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

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "default" | "large" | "small" | "custom";
     title: string;
-    description: string;
     image: string;
+    description: string;
     showImage: boolean;
     showDescription: boolean;
     imageSize: number;

package/packages/components/error-overlay-model/index.js

@@ -1,5 +1,5 @@
 import { withInstall as B } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as D, ref as d, computed as y, onMounted as L, nextTick as I, openBlock as O, createBlock as R, Teleport as T, createElementVNode as M, normalizeStyle as H, toDisplayString as $ } from "vue";
+import { defineComponent as D, ref as s, computed as M, onMounted as L, nextTick as I, openBlock as O, createBlock as R, Teleport as T, createElementVNode as H, normalizeStyle as W, toDisplayString as $ } from "vue";
 const j = /* @__PURE__ */ D({
   __name: "index",
   props: {
@@ -8,11 +8,11 @@ const j = /* @__PURE__ */ D({
     errorModelZIndex: { default: 2e3 },
     errorWidth: { default: void 0 }
   },
-  setup(W) {
-    const n = W, k = d(null), l = d(), i = d({
+  setup(x) {
+    const r = x, k = s(null), l = s(), i = s({
       x: 0,
       y: 0
-    }), v = y(() => ({
+    }), v = M(() => ({
       "box-sizing": "border-box",
       "font-size": "12px",
       // 错误浮层直接消费 upf 根变量，确保 Teleport 到 body 后仍随主题同步。
@@ -20,56 +20,68 @@ const j = /* @__PURE__ */ D({
       "box-shadow": "var(--upf-box-shadow-elevated, 0px 4px 12px rgba(38, 38, 38, 0.12))",
       "border-radius": "var(--upf-border-radius, 4px)",
       padding: "2px 8px",
-      "z-index": n.errorModelZIndex
-    })), w = y(() => {
-      const e = l.value ?? "0";
+      "z-index": r.errorModelZIndex
+    })), w = M(() => {
+      const n = l.value ?? "0";
       return {
         ...v.value,
-        width: e + (/px$/.test(e) ? "" : "px"),
+        width: n + (/px$/.test(n) ? "" : "px"),
         position: "fixed",
         visibility: "visible",
         top: i.value.y + "px",
         left: i.value.x + "px"
       };
-    }), c = d({
+    }), c = s({
       // display: 'block',
       color: "var(--upf-message-error-text, var(--upf-color-error))",
       "white-space": "break-spaces"
     }), E = () => {
-      const e = (s = 0) => {
-        const o = document.createElement("div");
+      const n = (d = 0) => {
+        const t = document.createElement("div");
         for (let [p, h] of Object.entries({
           ...v.value,
           ...c.value,
-          width: s + "px"
+          width: d + "px"
         }))
-          o.style[p] = h;
-        const r = document.createElement("span");
+          t.style[p] = h;
+        const o = document.createElement("span");
         for (let [p, h] of Object.entries(c.value))
-          r.style[p] = h;
-        r.textContent = n.errorLabel, o.appendChild(r), document.body.appendChild(o);
-        const b = o.offsetHeight, z = r.offsetWidth;
-        return document.body.removeChild(o), { height: b, textWidth: z };
-      }, x = () => {
-        const s = document.documentElement.clientHeight, r = document.documentElement.scrollHeight - s;
-        return s - r;
-      }, t = n.getEl(), a = (t == null ? void 0 : t.clientWidth) ?? 0, g = e(a), m = g.textWidth;
-      n.errorWidth ? l.value = n.errorWidth : m > a ? l.value = m + 2 + 8 + "px" : l.value = a + "px";
-      const { left: C = 0, bottom: u = 0, height: _ = 0 } = (t == null ? void 0 : t.getBoundingClientRect()) ?? {}, S = x(), f = g.height;
-      i.value.y = Math.ceil(u + f) >= S ? u - _ - f : u, i.value.x = C;
+          o.style[p] = h;
+        o.textContent = r.errorLabel, t.appendChild(o), document.body.appendChild(t);
+        const y = t.offsetHeight, z = o.offsetWidth;
+        return document.body.removeChild(t), { height: y, textWidth: z };
+      }, g = () => {
+        const d = document.documentElement.clientHeight, o = document.documentElement.scrollHeight - d;
+        return d - o;
+      }, e = r.getEl(), a = (e == null ? void 0 : e.clientWidth) ?? 0, m = n(a), f = m.textWidth;
+      r.errorWidth ? l.value = r.errorWidth : f > a ? l.value = f + 2 + 8 + "px" : l.value = a + "px";
+      const { left: C = 0, bottom: u = 0, height: S = 0 } = (e == null ? void 0 : e.getBoundingClientRect()) ?? {}, _ = g(), b = m.height;
+      i.value.y = Math.ceil(u + b) >= _ ? u - S - b : u, i.value.x = C;
     };
     return L(async () => {
       await I(), E();
-    }), (e, x) => (O(), R(T, { to: "body" }, [
-      M("div", {
-        ref_key: "$errorModel",
-        ref: k,
-        style: H(w.value)
-      }, [
-        M("span", {
-          style: H(c.value)
-        }, $(e.errorLabel), 5)
-      ], 4)
+    }), (n, g) => (O(), R(T, { to: "body" }, [
+      H(
+        "div",
+        {
+          ref_key: "$errorModel",
+          ref: k,
+          style: W(w.value)
+        },
+        [
+          H(
+            "span",
+            {
+              style: W(c.value)
+            },
+            $(x.errorLabel),
+            5
+            /* TEXT, STYLE */
+          )
+        ],
+        4
+        /* STYLE */
+      )
     ]));
   }
 }), V = B(j);

package/packages/components/form/index.d.ts

@@ -6,14 +6,14 @@ declare const DasForm: import("@das-fed/upf-utils").SFCWithInstall<{
         resetField: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         size: "small" | "default" | "large";
+        alignItems: string;
+        marginBottom: string;
+        marginRight: string;
         errorMode: "default" | "overlay";
         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;
@@ -31,14 +31,14 @@ declare const DasForm: import("@das-fed/upf-utils").SFCWithInstall<{
         resetField: () => void;
     }, {}, {}, {}, {
         size: "small" | "default" | "large";
+        alignItems: string;
+        marginBottom: string;
+        marginRight: string;
         errorMode: "default" | "overlay";
         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;
@@ -53,14 +53,14 @@ declare const DasForm: import("@das-fed/upf-utils").SFCWithInstall<{
     resetField: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: "small" | "default" | "large";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
     errorMode: "default" | "overlay";
     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;
@@ -74,11 +74,11 @@ declare const DasFormRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly labelLength?: number | string | undefined;
-        readonly labelWidth?: number | string | undefined;
-        readonly contentWidth?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
-        readonly alignType?: "vertical" | "horizontal" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelWidth?: (number | string) | undefined;
+        readonly contentWidth?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
+        readonly alignType?: ("vertical" | "horizontal") | undefined;
         readonly alignItems?: string | undefined;
         readonly marginBottom?: string | undefined;
         readonly marginRight?: string | undefined;
@@ -86,9 +86,9 @@ declare const DasFormRef: () => import("vue").Ref<({
         readonly rules?: any;
         readonly labelMarginRight?: string | undefined;
         readonly isSearchForm?: boolean | undefined;
-        readonly errorMode?: "default" | "overlay" | undefined;
+        readonly errorMode?: ("default" | "overlay") | undefined;
         readonly autoMarginRight?: boolean | undefined;
-        readonly size?: "small" | "default" | "large" | undefined;
+        readonly size?: ("small" | "default" | "large") | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -110,14 +110,14 @@ declare const DasFormRef: () => import("vue").Ref<({
         resetField: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: "small" | "default" | "large";
+        alignItems: string;
+        marginBottom: string;
+        marginRight: string;
         errorMode: "default" | "overlay";
         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;
@@ -144,19 +144,19 @@ declare const DasFormRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     size: "small" | "default" | "large";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
     errorMode: "default" | "overlay";
     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;
     autoMarginRight: boolean;
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "validate" | "validateField" | "resetField" | ("size" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "alignItems" | "marginBottom" | "marginRight" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "validate" | "validateField" | "resetField" | ("size" | "alignItems" | "marginBottom" | "marginRight" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
     validate: (callback?: (valid: boolean) => void) => Promise<boolean>;
     validateField: (prop: string | string[], callback?: (valid: boolean) => void) => Promise<boolean>;
     resetField: () => void;
@@ -168,11 +168,11 @@ declare const DasFormRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly labelLength?: number | string | undefined;
-        readonly labelWidth?: number | string | undefined;
-        readonly contentWidth?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
-        readonly alignType?: "vertical" | "horizontal" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelWidth?: (number | string) | undefined;
+        readonly contentWidth?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
+        readonly alignType?: ("vertical" | "horizontal") | undefined;
         readonly alignItems?: string | undefined;
         readonly marginBottom?: string | undefined;
         readonly marginRight?: string | undefined;
@@ -180,9 +180,9 @@ declare const DasFormRef: () => import("vue").Ref<({
         readonly rules?: any;
         readonly labelMarginRight?: string | undefined;
         readonly isSearchForm?: boolean | undefined;
-        readonly errorMode?: "default" | "overlay" | undefined;
+        readonly errorMode?: ("default" | "overlay") | undefined;
         readonly autoMarginRight?: boolean | undefined;
-        readonly size?: "small" | "default" | "large" | undefined;
+        readonly size?: ("small" | "default" | "large") | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -204,14 +204,14 @@ declare const DasFormRef: () => import("vue").Ref<({
         resetField: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: "small" | "default" | "large";
+        alignItems: string;
+        marginBottom: string;
+        marginRight: string;
         errorMode: "default" | "overlay";
         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;
@@ -238,19 +238,19 @@ declare const DasFormRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     size: "small" | "default" | "large";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
     errorMode: "default" | "overlay";
     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;
     autoMarginRight: boolean;
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "validate" | "validateField" | "resetField" | ("size" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "alignItems" | "marginBottom" | "marginRight" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "validate" | "validateField" | "resetField" | ("size" | "alignItems" | "marginBottom" | "marginRight" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
     validate: (callback?: (valid: boolean) => void) => Promise<boolean>;
     validateField: (prop: string | string[], callback?: (valid: boolean) => void) => Promise<boolean>;
     resetField: () => void;

package/packages/components/form/index.js

@@ -22,20 +22,20 @@ const T = /* @__PURE__ */ S({
     autoMarginRight: { type: Boolean, default: !1 },
     size: { default: "default" }
   },
-  setup(a, { expose: n }) {
-    const r = a, s = p();
-    let o = m([]);
-    const g = l(() => o.filter((e) => {
+  setup(o, { expose: n }) {
+    const r = o, s = p();
+    let a = m([]);
+    const g = l(() => a.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.required;
-    }).length > 0), h = l(() => o.filter((e) => {
+    }).length > 0), h = l(() => a.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
     }).length > 0);
     M("DasForm", m({ props: r, addField: (e) => {
-      o.push(e);
+      a.push(e);
     }, removeField: (e) => {
-      o = o.filter((t) => t.timeStamp !== e.timeStamp);
+      a = a.filter((t) => t.timeStamp !== e.timeStamp);
     }, hasRequiredFormItem: g, hasHelpMessageFormItem: h }));
     const i = (e, t) => (typeof e == "function" && e(t), t), y = async (e) => {
       const t = await F();
@@ -44,45 +44,51 @@ const T = /* @__PURE__ */ S({
       const d = Array.isArray(e) ? e : [e];
       let f = !0;
       for (const x of d) {
-        const u = o.find((c) => c.propName === x && c.rules.length > 0);
-        if (!u) continue;
-        await u.validate() || (f = !1);
+        const c = a.find((u) => u.propName === x && u.rules.length > 0);
+        if (!c) continue;
+        await c.validate() || (f = !1);
       }
       return i(t, f);
     }, F = async () => {
       let e = !0;
-      for (const t of o)
+      for (const t of a)
         t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, _ = () => {
-      o.forEach((e) => {
+    }, I = () => {
+      a.forEach((e) => {
         e.resetError();
       });
-    }, I = l(() => ({
+    }, R = l(() => ({
       display: "grid",
       gridTemplateColumns: `repeat(${r.cols}, ${r.contentWidth && r.contentWidth !== "auto" ? "min-content" : "1fr"})`,
       gridColumnGap: r.cols && r.autoMarginRight ? r.marginRight : void 0
-    })), R = l(() => ({
+    })), _ = l(() => ({
       alignItems: r.alignItems,
-      ...r.cols && r.alignType === "vertical" ? I.value : {}
+      ...r.cols && r.alignType === "vertical" ? R.value : {}
     }));
     return n({
       validate: y,
       validateField: v,
-      resetField: _
-    }), (e, t) => (z(), B("div", {
-      class: $(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
-      ref_key: "$formRef",
-      ref: s,
-      style: b(R.value)
-    }, [
-      w(e.$slots, "default", {}, void 0, !0)
-    ], 6));
+      resetField: I
+    }), (e, t) => (z(), B(
+      "div",
+      {
+        class: $(["das-ui-form", { horizontal: o.alignType === "horizontal" }]),
+        ref_key: "$formRef",
+        ref: s,
+        style: b(_.value)
+      },
+      [
+        w(e.$slots, "default", {}, void 0, !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), W = (a, n) => {
-  const r = a.__vccOpts || a;
-  for (const [s, o] of n)
-    r[s] = o;
+}), W = (o, n) => {
+  const r = o.__vccOpts || o;
+  for (const [s, a] of n)
+    r[s] = a;
   return r;
 }, k = /* @__PURE__ */ W(T, [["__scopeId", "data-v-1bf96527"]]), L = C(k), G = () => p(null);
 export {

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

@@ -9,14 +9,14 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     resetField: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "small" | "default" | "large";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
     errorMode: "default" | "overlay";
     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;