@das-fed/ui 6.4.0-dev.109 → 6.4.0-dev.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-dev.109",
+  "version": "6.4.0-dev.110",
   "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/cli": "6.4.0-dev.109",
+    "@das-fed/cli": "6.4.0-dev.110",
     "@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/ui": "6.4.0-dev.109",
-    "@das-fed/utils": "6.4.0-dev.109",
-    "@das-fed/web": "6.4.0-dev.109",
+    "@das-fed/ui": "6.4.0-dev.110",
+    "@das-fed/utils": "6.4.0-dev.110",
+    "@das-fed/web": "6.4.0-dev.110",
     "@wangeditor-next/editor": "5.6.31",
     "@wangeditor-next/editor-for-vue": "5.1.14",
     "@wangeditor-next/plugin-upload-attachment": "1.1.0",

package/packages/components/error-overlay-model/index.d.ts

@@ -1,5 +1,6 @@
 declare const DasErrorOverlayModel: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{}>, {
     errorLabel: string;
     errorModelZIndex: number;
+    errorWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasErrorOverlayModel };

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

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

package/packages/components/error-overlay-model/src/index.vue.d.ts

@@ -2,5 +2,6 @@ import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     errorLabel: string;
     errorModelZIndex: number;
+    errorWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/error-overlay-model/src/type.d.ts

@@ -7,4 +7,7 @@ export interface Props {
 
   
   errorModelZIndex?: number
+
+  
+  errorWidth?: string
 }