@das-fed/upf-ui 6.4.0-dev.294 → 6.4.0-dev.296

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;
-        image: string;
         description: string;
+        image: 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;
-        image: string;
         description: string;
+        image: 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;
-    image: string;
     description: string;
+    image: string;
     showImage: boolean;
     showDescription: boolean;
     imageSize: number;

package/packages/components/empty/index.js

@@ -1,24 +1,24 @@
-import { withInstall as d } from "@das-fed/upf-utils/with-install/index";
+import { withInstall as l } 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 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 { 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 '@das-fed/upf-ui/packages/components/empty/style.css';
 ;
-const x = (e) => {
+const P = (t) => {
   const n = {
     default: 168,
     large: 224,
     small: 120,
     custom: void 0
   };
-  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 = {
+  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 = {
   key: 0,
   class: "title"
-}, h = {
+}, x = {
   key: 1,
   class: "description"
-}, D = ["width", "src"], b = /* @__PURE__ */ c({
+}, U = ["width", "src"], D = { key: 1 }, E = /* @__PURE__ */ A({
   __name: "Index",
   props: {
     title: { default: "" },
@@ -27,70 +27,42 @@ const x = (e) => {
     showDescription: { type: Boolean, default: !0 },
     description: { default: "" },
     imageSize: { default: 168 },
-    image: { default: C }
+    image: { default: g }
   },
-  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)
+  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)
           ], !0)
         ]),
-        default: s(() => [
-          y(r.$slots, "default", {}, void 0, !0)
+        default: v(() => [
+          i(e.$slots, "default", {}, void 0, !0)
         ]),
-        image: s(() => [
-          y(r.$slots, "image", {}, () => [
-            e.showImage ? (f(), v("img", {
+        image: v(() => [
+          i(e.$slots, "image", {}, () => [
+            e.showImage ? (o(), s("img", {
               key: 0,
-              width: o(t),
+              width: f(r),
               src: e.image
-            }, 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 */
-            ))
+            }, null, 8, U)) : (o(), s("div", D))
           ], !0)
         ]),
         _: 3
-        /* FORWARDED */
       }, 8, ["image-size"])
     ]));
   }
-}), 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);
+}), 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);
 export {
-  q as DasEmpty,
-  q as default
+  j as DasEmpty,
+  j 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;
-    image: string;
     description: string;
+    image: 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 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";
+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";
 const j = /* @__PURE__ */ D({
   __name: "index",
   props: {
@@ -8,11 +8,11 @@ const j = /* @__PURE__ */ D({
     errorModelZIndex: { default: 2e3 },
     errorWidth: { default: void 0 }
   },
-  setup(x) {
-    const r = x, k = s(null), l = s(), i = s({
+  setup(W) {
+    const n = W, k = d(null), l = d(), i = d({
       x: 0,
       y: 0
-    }), v = M(() => ({
+    }), v = y(() => ({
       "box-sizing": "border-box",
       "font-size": "12px",
       // 错误浮层直接消费 upf 根变量，确保 Teleport 到 body 后仍随主题同步。
@@ -20,68 +20,56 @@ 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": r.errorModelZIndex
-    })), w = M(() => {
-      const n = l.value ?? "0";
+      "z-index": n.errorModelZIndex
+    })), w = y(() => {
+      const e = l.value ?? "0";
       return {
         ...v.value,
-        width: n + (/px$/.test(n) ? "" : "px"),
+        width: e + (/px$/.test(e) ? "" : "px"),
         position: "fixed",
         visibility: "visible",
         top: i.value.y + "px",
         left: i.value.x + "px"
       };
-    }), c = s({
+    }), c = d({
       // display: 'block',
       color: "var(--upf-message-error-text, var(--upf-color-error))",
       "white-space": "break-spaces"
     }), E = () => {
-      const n = (d = 0) => {
-        const t = document.createElement("div");
+      const e = (s = 0) => {
+        const o = document.createElement("div");
         for (let [p, h] of Object.entries({
           ...v.value,
           ...c.value,
-          width: d + "px"
+          width: s + "px"
         }))
-          t.style[p] = h;
-        const o = document.createElement("span");
-        for (let [p, h] of Object.entries(c.value))
           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;
+        const r = 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;
     };
     return L(async () => {
       await I(), E();
-    }), (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 */
-      )
+    }), (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)
     ]));
   }
 }), 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" | "alignItems" | "marginBottom" | "marginRight" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
+}> & 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<{
     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" | "alignItems" | "marginBottom" | "marginRight" | "errorMode" | "labelLength" | "contentWidth" | "labelPosition" | "alignType" | "rules" | "labelMarginRight" | "isSearchForm" | "autoMarginRight")> & import("vue").ShallowUnwrapRef<{
+}> & 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<{
     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(o, { expose: n }) {
-    const r = o, s = p();
-    let a = m([]);
-    const g = l(() => a.filter((e) => {
+  setup(a, { expose: n }) {
+    const r = a, s = p();
+    let o = m([]);
+    const g = l(() => o.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.required;
-    }).length > 0), h = l(() => a.filter((e) => {
+    }).length > 0), h = l(() => o.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
     }).length > 0);
     M("DasForm", m({ props: r, addField: (e) => {
-      a.push(e);
+      o.push(e);
     }, removeField: (e) => {
-      a = a.filter((t) => t.timeStamp !== e.timeStamp);
+      o = o.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,51 +44,45 @@ const T = /* @__PURE__ */ S({
       const d = Array.isArray(e) ? e : [e];
       let f = !0;
       for (const x of d) {
-        const c = a.find((u) => u.propName === x && u.rules.length > 0);
-        if (!c) continue;
-        await c.validate() || (f = !1);
+        const u = o.find((c) => c.propName === x && c.rules.length > 0);
+        if (!u) continue;
+        await u.validate() || (f = !1);
       }
       return i(t, f);
     }, F = async () => {
       let e = !0;
-      for (const t of a)
+      for (const t of o)
         t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, I = () => {
-      a.forEach((e) => {
+    }, _ = () => {
+      o.forEach((e) => {
         e.resetError();
       });
-    }, R = l(() => ({
+    }, I = l(() => ({
       display: "grid",
       gridTemplateColumns: `repeat(${r.cols}, ${r.contentWidth && r.contentWidth !== "auto" ? "min-content" : "1fr"})`,
       gridColumnGap: r.cols && r.autoMarginRight ? r.marginRight : void 0
-    })), _ = l(() => ({
+    })), R = l(() => ({
       alignItems: r.alignItems,
-      ...r.cols && r.alignType === "vertical" ? R.value : {}
+      ...r.cols && r.alignType === "vertical" ? I.value : {}
     }));
     return n({
       validate: y,
       validateField: v,
-      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 */
-    ));
+      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));
   }
-}), W = (o, n) => {
-  const r = o.__vccOpts || o;
-  for (const [s, a] of n)
-    r[s] = a;
+}), W = (a, n) => {
+  const r = a.__vccOpts || a;
+  for (const [s, o] of n)
+    r[s] = o;
   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;