@das-fed/upf-ui 6.4.0-dev.220 → 6.4.0-dev.222

package/packages/components/empty/index.js

@@ -1,25 +1,25 @@
 import '@das-fed/upf-ui/packages/components/empty/style.css';
 import { withInstall as m } from "@das-fed/upf-utils/with-install/index";
-import { t as d, setI18nRule as p } from "@das-fed/upf-web/packages/i18n/index";
-import { setThemeRule as u } from "@das-fed/upf-web/packages/theme/index";
-import { computed as c, defineComponent as A, openBlock as o, createElementBlock as s, createVNode as z, unref as i, withCtx as f, renderSlot as v, toDisplayString as a, createCommentVNode as l } from "vue";
-import { ElEmpty as P } from "element-plus";
+import { t as d, setI18nRule as u } from "@das-fed/upf-web/packages/i18n/index";
+import { setThemeRule as c } from "@das-fed/upf-web/packages/theme/index";
+import { computed as A, defineComponent as z, openBlock as i, createElementBlock as o, createVNode as P, unref as s, withCtx as v, renderSlot as y, toDisplayString as l, createCommentVNode as a, Fragment as g, createElementVNode as p } from "vue";
+import { ElEmpty as x } from "element-plus";
 import "@das-fed/upf-ui/packages/global/theme";
-const g = (t) => {
-  const n = {
+const h = (e) => {
+  const r = {
     default: 168,
     large: 224,
     small: 120,
     custom: void 0
   };
-  return { imgSize: c(() => n[t.size] || t.imageSize) };
-}, h = "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" }, x = {
+  return { imgSize: A(() => r[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"
-}, U = {
+}, D = {
   key: 1,
   class: "description"
-}, D = ["width", "src"], E = { key: 1 }, b = /* @__PURE__ */ A({
+}, b = ["width", "src"], K = /* @__PURE__ */ z({
   __name: "Index",
   props: {
     title: { default: "" },
@@ -28,46 +28,74 @@ const g = (t) => {
     showDescription: { type: Boolean, default: !0 },
     description: { default: "" },
     imageSize: { default: 168 },
-    image: { default: h }
+    image: { default: C }
   },
-  setup(t) {
-    const n = t, { imgSize: r } = g(n);
-    return (e, y) => (o(), s("div", C, [
-      z(i(P), { "image-size": i(r) }, {
-        description: f(() => [
-          v(e.$slots, "description", {}, () => [
-            e.title ? (o(), s("div", x, a(e.title), 1)) : l("", !0),
-            e.showDescription ? (o(), s("div", U, a(e.description || i(d)("das-empty-desc")), 1)) : l("", !0)
+  setup(e) {
+    const r = e, { imgSize: t } = h(r);
+    return (n, f) => (i(), o("div", E, [
+      P(s(x), { "image-size": s(t) }, {
+        description: v(() => [
+          y(n.$slots, "description", {}, () => [
+            e.title ? (i(), o(
+              "div",
+              U,
+              l(e.title),
+              1
+              /* TEXT */
+            )) : a("v-if", !0),
+            e.showDescription ? (i(), o(
+              "div",
+              D,
+              l(e.description || s(d)("das-empty-desc")),
+              1
+              /* TEXT */
+            )) : a("v-if", !0)
           ], !0)
         ]),
-        default: f(() => [
-          v(e.$slots, "default", {}, void 0, !0)
+        default: v(() => [
+          y(n.$slots, "default", {}, void 0, !0)
         ]),
-        image: f(() => [
-          v(e.$slots, "image", {}, () => [
-            e.showImage ? (o(), s("img", {
+        image: v(() => [
+          y(n.$slots, "image", {}, () => [
+            e.showImage ? (i(), o("img", {
               key: 0,
-              width: i(r),
+              width: s(t),
               src: e.image
-            }, null, 8, D)) : (o(), s("div", E))
+            }, null, 8, b)) : (i(), o(
+              g,
+              { key: 1 },
+              [
+                a(" image为空时用于占位，防止出现默认图片 "),
+                f[0] || (f[0] = p(
+                  "div",
+                  null,
+                  null,
+                  -1
+                  /* CACHED */
+                ))
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
           ], !0)
         ]),
         _: 3
+        /* FORWARDED */
       }, 8, ["image-size"])
     ]));
   }
-}), K = (t, n) => {
-  const r = t.__vccOpts || t;
-  for (const [e, y] of n)
-    r[e] = y;
-  return r;
-}, V = /* @__PURE__ */ K(b, [["__scopeId", "data-v-19a75fee"]]), Q = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } }, w = {
+}), V = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, f] of r)
+    t[n] = f;
+  return t;
+}, Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-19a75fee"]]), w = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } }, B = {
   "--das-ui-empty-desc-color": { light: "#999999" },
   "--das-ui-empty-title-color": { light: "#212121" }
-}, F = m(V);
-p(Q);
+}, N = m(Q);
 u(w);
+c(B);
 export {
-  F as DasEmpty,
-  F as default
+  N as DasEmpty,
+  N as default
 };

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

@@ -1,6 +1,6 @@
 import { withInstall as D } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as L, ref as d, computed as y, onMounted as V, nextTick as I, openBlock as O, createBlock as R, Teleport as T, createElementVNode as M, normalizeStyle as H, toDisplayString as $ } from "vue";
-import { getVarValue as W } from "@das-fed/upf-web/packages/theme/index";
+import { defineComponent as L, ref as d, computed as M, onMounted as V, nextTick as I, openBlock as O, createBlock as R, Teleport as T, createElementVNode as H, normalizeStyle as W, toDisplayString as $ } from "vue";
+import { getVarValue as k } from "@das-fed/upf-web/packages/theme/index";
 const j = /* @__PURE__ */ L({
   __name: "index",
   props: {
@@ -9,19 +9,19 @@ const j = /* @__PURE__ */ L({
     errorModelZIndex: { default: 2e3 },
     errorWidth: { default: void 0 }
   },
-  setup(k) {
-    const r = k, E = d(null), l = d(), n = d({
+  setup(p) {
+    const r = p, E = d(null), l = d(), n = d({
       x: 0,
       y: 0
-    }), x = y(() => ({
+    }), x = M(() => ({
       "box-sizing": "border-box",
       "font-size": "12px",
-      "background-color": W("--das-ui-color-overlay-error").value,
+      "background-color": k("--das-ui-color-overlay-error").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
       "z-index": r.errorModelZIndex
-    })), w = y(() => ({
+    })), w = M(() => ({
       ...x.value,
       width: l.value + (/px$/.test(l.value) ? "" : "px"),
       position: "fixed",
@@ -30,43 +30,55 @@ const j = /* @__PURE__ */ L({
       left: n.value.x + "px"
     })), s = d({
       // display: 'block',
-      color: W("--das-ui-input-error-color").value,
+      color: k("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
     }), C = () => {
-      const c = (i = 0) => {
+      const m = (i = 0) => {
         const t = document.createElement("div");
-        for (let [p, h] of Object.entries({
+        for (let [u, h] of Object.entries({
           ...x.value,
           ...s.value,
           width: i + "px"
         }))
-          t.style[p] = h;
+          t.style[u] = h;
         const o = document.createElement("span");
-        for (let [p, h] of Object.entries(s.value))
-          o.style[p] = h;
+        for (let [u, h] of Object.entries(s.value))
+          o.style[u] = h;
         o.textContent = r.errorLabel, t.appendChild(o), document.body.appendChild(t);
-        const b = t.offsetHeight, B = o.offsetWidth;
-        return document.body.removeChild(t), { height: b, textWidth: B };
-      }, m = () => {
+        const y = t.offsetHeight, B = o.offsetWidth;
+        return document.body.removeChild(t), { height: y, textWidth: B };
+      }, v = () => {
         const i = document.documentElement.clientHeight, o = document.documentElement.scrollHeight - i;
         return i - o;
-      }, e = r.getEl(), a = (e == null ? void 0 : e.clientWidth) ?? 0, v = c(a), g = v.textWidth;
-      r.errorWidth ? l.value = r.errorWidth : g > a ? l.value = g + 2 + 8 + "px" : l.value = a + "px";
-      const { left: _ = 0, bottom: u = 0, height: S = 0 } = (e == null ? void 0 : e.getBoundingClientRect()) ?? {}, z = m(), f = v.height;
-      n.value.y = Math.ceil(u + f) >= z ? u - S - f : u, n.value.x = _;
+      }, e = r.getEl(), c = (e == null ? void 0 : e.clientWidth) ?? 0, g = m(c), f = g.textWidth;
+      r.errorWidth ? l.value = r.errorWidth : f > c ? l.value = f + 2 + 8 + "px" : l.value = c + "px";
+      const { left: S = 0, bottom: a = 0, height: _ = 0 } = (e == null ? void 0 : e.getBoundingClientRect()) ?? {}, z = v(), b = g.height;
+      n.value.y = Math.ceil(a + b) >= z ? a - _ - b : a, n.value.x = S;
     };
     return V(async () => {
       await I(), C();
-    }), (c, m) => (O(), R(T, { to: "body" }, [
-      M("div", {
-        ref_key: "$errorModel",
-        ref: E,
-        style: H(w.value)
-      }, [
-        M("span", {
-          style: H(s.value)
-        }, $(c.errorLabel), 5)
-      ], 4)
+    }), (m, v) => (O(), R(T, { to: "body" }, [
+      H(
+        "div",
+        {
+          ref_key: "$errorModel",
+          ref: E,
+          style: W(w.value)
+        },
+        [
+          H(
+            "span",
+            {
+              style: W(s.value)
+            },
+            $(p.errorLabel),
+            5
+            /* TEXT, STYLE */
+          )
+        ],
+        4
+        /* STYLE */
+      )
     ]));
   }
 }), N = D(j);

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

@@ -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;
@@ -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;

package/packages/components/form/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/upf-ui/packages/components/form/style.css';
-import { defineComponent as I, ref as f, reactive as d, computed as r, provide as R, openBlock as x, createElementBlock as S, normalizeClass as M, normalizeStyle as z, renderSlot as B } from "vue";
+import { defineComponent as _, ref as f, reactive as d, computed as r, provide as R, openBlock as x, createElementBlock as S, normalizeClass as M, normalizeStyle 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 b = /* @__PURE__ */ I({
+const b = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -40,8 +40,8 @@ const b = /* @__PURE__ */ I({
       const t = await g();
       e(t);
     }, p = async (e, t) => {
-      const _ = await a.find((i) => i.propName === e && i.rules.length > 0).validate();
-      t(_);
+      const I = await a.find((i) => i.propName === e && i.rules.length > 0).validate();
+      t(I);
     }, g = async () => {
       let e = !0;
       for (const t of a)
@@ -63,14 +63,20 @@ const b = /* @__PURE__ */ I({
       validate: u,
       validateField: p,
       resetField: h
-    }), (e, t) => (x(), S("div", {
-      class: M(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
-      ref_key: "$formRef",
-      ref: s,
-      style: z(y.value)
-    }, [
-      B(e.$slots, "default", {}, void 0, !0)
-    ], 6));
+    }), (e, t) => (x(), S(
+      "div",
+      {
+        class: M(["das-ui-form", { horizontal: o.alignType === "horizontal" }]),
+        ref_key: "$formRef",
+        ref: s,
+        style: z(y.value)
+      },
+      [
+        B(e.$slots, "default", {}, void 0, !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
 }), k = (o, n) => {
   const l = o.__vccOpts || o;