@das-fed/ui 6.4.0-hot.33 → 6.4.0-hot.34

package/esm-map.json

@@ -401,5 +401,6 @@
   "DasAreaPhoneSelectRef": "/packages/business-components/area-phone-select/index",
   "DasAreaPopoverRef": "/packages/business-components/area-phone-select/index",
   "DasAreaPhoneSelect": "/packages/business-components/area-phone-select/index",
-  "DasAreaPopover": "/packages/business-components/area-phone-select/index"
+  "DasAreaPopover": "/packages/business-components/area-phone-select/index",
+  "DasErrorOverlayModel": "/packages/components/error-overlay-model/index"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-hot.33",
+  "version": "6.4.0-hot.34",
   "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-hot.33",
+    "@das-fed/cli": "6.4.0-hot.34",
     "@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-hot.33",
-    "@das-fed/utils": "6.4.0-hot.33",
-    "@das-fed/web": "6.4.0-hot.33",
+    "@das-fed/ui": "6.4.0-hot.34",
+    "@das-fed/utils": "6.4.0-hot.34",
+    "@das-fed/web": "6.4.0-hot.34",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@wangeditor/plugin-upload-attachment": "^1.1.0",

package/packages/business-components/app-container/index.d.ts

@@ -1,9 +1,29 @@
-declare const DasAppContainer: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "open-app": (item: any) => any;
-}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
+declare const DasAppContainer: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+        default: string;
+    };
+    appCategorys: {
+        type: import("vue").PropType<any[]>;
+        required: true;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-app": (item: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+        default: string;
+    };
+    appCategorys: {
+        type: import("vue").PropType<any[]>;
+        required: true;
+        default: () => never[];
+    };
+}>> & {
     "onOpen-app"?: ((item: any) => any) | undefined;
-}>, {
+}, {
     theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+}, {}>>;
 export { DasAppContainer };

package/packages/business-components/app-container/index.js

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
-import { withInstall as q } from "@das-fed/utils/with-install/index";
-import { defineComponent as B, computed as v, ref as U, watch as V, onMounted as $, openBlock as a, createBlock as m, unref as l, withCtx as h, createElementVNode as i, normalizeClass as L, normalizeStyle as C, createElementBlock as s, Fragment as u, renderList as g, toDisplayString as y, withDirectives as k, createTextVNode as w } from "vue";
-import { ElRow as M, ElCol as O } from "element-plus";
+import { withInstall as P } from "@das-fed/utils/with-install/index";
+import { defineComponent as U, computed as k, ref as $, watch as z, onMounted as M, openBlock as a, createBlock as f, unref as i, withCtx as h, createElementVNode as l, normalizeClass as O, normalizeStyle as x, createElementBlock as r, Fragment as g, renderList as _, toDisplayString as y, withDirectives as D, createTextVNode as q } from "vue";
+import { ElRow as G, ElCol as J } from "element-plus";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
-import { DasEmpty as P } from "@das-fed/ui/packages/components/empty/index";
-import { vDasTooltip as z } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasScrollbar as G } from "@das-fed/ui/packages/components/scrollbar/index";
-import { pureImageSrc as x } from "@das-fed/utils/pure-image-src";
-import { setThemeRule as H } from "@das-fed/web/packages/theme/index";
-const D = {
+import { DasEmpty as K } from "@das-fed/ui/packages/components/empty/index";
+import { vDasTooltip as j } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasScrollbar as Q } from "@das-fed/ui/packages/components/scrollbar/index";
+import { pureImageSrc as T } from "@das-fed/utils/pure-image-src";
+import { setThemeRule as X } from "@das-fed/web/packages/theme/index";
+const E = {
   "--das-application-app-bg-color": {
     kjl: "#2673DC",
     cjb: "#343848",
@@ -20,181 +20,153 @@ const D = {
     cjb: "#FFFFFF",
     ssl: "#FFFFFF"
   }
-}, J = {
+}, Y = {
   key: 0,
   class: "application-list"
-}, K = { class: "app-box" }, Q = { class: "cell cell-title" }, X = { class: "app-name" }, Y = { class: "cell app-list" }, Z = ["onClick"], b = ["src"], A = { class: "box-right" }, tt = { class: "name" }, et = { class: "describe" }, ot = /* @__PURE__ */ B({
+}, Z = { class: "table" }, A = { class: "table-cell column_1" }, tt = { class: "app-name" }, et = { class: "table-cell column_2" }, ot = { class: "column_2_content" }, nt = ["onClick"], ct = { class: "sub-app-item" }, at = ["src"], st = { class: "sub-app-item-content" }, lt = { class: "name" }, it = { class: "describe" }, rt = /* @__PURE__ */ U({
   __name: "index",
   props: {
     theme: { default: "default" },
     appCategorys: { default: () => [] }
   },
   emits: ["open-app"],
-  setup(j, { emit: E }) {
-    const p = j, T = E, N = v(() => {
+  setup(H, { emit: N }) {
+    const p = H, b = N, I = k(() => {
       const t = {};
-      return p.theme === "default" || Object.keys(D).forEach((e) => {
-        var n;
-        t[e] = (n = D[e]) == null ? void 0 : n[p.theme];
+      return p.theme === "default" || Object.keys(E).forEach((e) => {
+        var o;
+        t[e] = (o = E[e]) == null ? void 0 : o[p.theme];
       }), t;
-    }), I = (t) => T("open-app", t), _ = U("18px"), F = (t, e) => {
+    }), L = (t) => b("open-app", t), S = $("18px"), F = (t, e) => {
       if (!e) return;
       if (e.offsetWidth > t) {
-        const c = parseInt(window.getComputedStyle(e).fontSize) - 1;
-        e.style.fontSize = c + "px", _.value = c + "px", F(t, e);
+        const s = parseInt(window.getComputedStyle(e).fontSize) - 1;
+        e.style.fontSize = s + "px", S.value = s + "px", F(t, e);
       }
-    }, S = async () => {
+    }, R = () => new Promise((t) => {
+      const e = () => {
+        const o = document.querySelectorAll(".application-content .column_1 .app-name");
+        if (o != null && o.length && o.length === p.appCategorys.length) return t();
+        setTimeout(() => e(), 50);
+      };
+      e();
+    }), v = async () => {
       await R();
-      const t = document.querySelectorAll(".application-content .cell-title .app-name")[0];
+      const t = document.querySelectorAll(".application-content .column_1 .app-name")[0];
       if (!t) return;
-      const e = parseInt(getComputedStyle(t).paddingRight) || 0, n = t.clientWidth - e;
-      let r = 0, c = null;
-      document.querySelectorAll(".application-content .cell-title .app-name > .text").forEach((d) => {
-        const f = d.offsetWidth;
-        f > r && (r = f, c = d);
-      }), F(n, c);
-    }, R = () => new Promise((t) => {
+      const e = parseInt(getComputedStyle(t).paddingLeft) || 0, o = parseInt(getComputedStyle(t).paddingRight) || 0, c = t.clientWidth - e - o;
+      let s = 0, n = null;
+      document.querySelectorAll(".application-content .column_1 .app-name > .text").forEach((d) => {
+        const u = d.offsetWidth;
+        u > s && (s = u, n = d);
+      }), F(c, n);
+    }, W = () => new Promise((t) => {
       const e = () => {
-        const n = document.querySelectorAll(".application-content .cell-title .app-name");
-        if ((n == null ? void 0 : n.length) === p.appCategorys.length) return t();
+        const o = document.querySelectorAll(".application-content .column_1"), c = document.querySelectorAll(".application-content .column_2");
+        if (o != null && o.length && o.length === p.appCategorys.length && (c != null && c.length) && c.length === p.appCategorys.length)
+          return t();
         setTimeout(() => e(), 50);
       };
       e();
-    }), W = v(() => p.appCategorys.map((t) => t.name));
-    return V(() => W.value, S, { deep: !0 }), $(S), (t, e) => (a(), m(l(G), null, {
+    }), C = async () => {
+      await W(), document.querySelectorAll(".application-content .application-list .table .table-row").forEach((e) => {
+        const o = e.querySelector(".column_1"), c = e.querySelector(".column_2>.column_2_content"), s = o.offsetHeight, n = c.offsetHeight;
+        if (s > n) {
+          const m = s - n, d = c.querySelectorAll(".app-row"), u = d.length;
+          d.forEach((w) => {
+            const V = w.offsetHeight;
+            w.style.height = V + m / u + "px";
+          });
+        }
+      });
+    }, B = k(() => p.appCategorys.map((t) => t.name));
+    return z(() => B.value, v, { deep: !0 }), z(() => p.appCategorys, C, { deep: !0 }), M(() => {
+      v(), C();
+    }), (t, e) => (a(), f(i(Q), null, {
       default: h(() => [
-        i(
-          "div",
-          {
-            class: L(["application-content", `theme-${t.theme}`]),
-            style: C(N.value)
-          },
-          [
-            t.appCategorys && t.appCategorys.length ? (a(), s("div", J, [
-              (a(!0), s(
-                u,
-                null,
-                g(t.appCategorys, (n, r) => (a(), s("div", K, [
-                  (a(), s("div", {
-                    key: r,
-                    class: "row"
-                  }, [
-                    i("div", Q, [
-                      i("div", X, [
-                        i(
-                          "span",
-                          {
-                            class: "text",
-                            style: C({ fontSize: _.value })
-                          },
-                          y(n.name),
-                          5
-                          /* TEXT, STYLE */
-                        )
-                      ])
-                    ]),
-                    i("div", Y, [
-                      (a(!0), s(
-                        u,
-                        null,
-                        g(n.apps, (c) => (a(), m(
-                          l(M),
-                          {
-                            class: "app-row",
-                            gutter: 20
-                          },
-                          {
-                            default: h(() => [
-                              (a(!0), s(
-                                u,
-                                null,
-                                g(c, (o, d) => (a(), m(
-                                  l(O),
-                                  {
-                                    class: "app-col",
-                                    key: d,
-                                    span: 6
-                                  },
-                                  {
-                                    default: h(() => [
-                                      i("div", {
-                                        class: "sub-app",
-                                        onClick: (f) => I(o)
-                                      }, [
-                                        i("img", {
-                                          class: "img",
-                                          src: o != null && o.iconDomain ? o.iconDomain + l(x)(o == null ? void 0 : o.iconUrl) : l(x)(o == null ? void 0 : o.iconUrl),
-                                          alt: ""
-                                        }, null, 8, b),
-                                        i("div", A, [
-                                          k((a(), s("div", tt, [
-                                            w(
-                                              y(o.name),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ])), [
-                                            [l(z)]
-                                          ]),
-                                          k((a(), s("div", et, [
-                                            w(
-                                              y(o.description),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ])), [
-                                            [l(z)]
-                                          ])
-                                        ])
-                                      ], 8, Z)
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  },
-                                  1024
-                                  /* DYNAMIC_SLOTS */
-                                ))),
-                                128
-                                /* KEYED_FRAGMENT */
-                              ))
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          },
-                          1024
-                          /* DYNAMIC_SLOTS */
-                        ))),
-                        256
-                        /* UNKEYED_FRAGMENT */
-                      ))
-                    ])
-                  ]))
-                ]))),
-                256
-                /* UNKEYED_FRAGMENT */
-              ))
-            ])) : (a(), m(l(P), {
-              key: 1,
-              size: "large"
-            }))
-          ],
-          6
-          /* CLASS, STYLE */
-        )
+        l("div", {
+          class: O(["application-content", `theme-${t.theme}`]),
+          style: x(I.value)
+        }, [
+          t.appCategorys && t.appCategorys.length ? (a(), r("div", Y, [
+            (a(!0), r(g, null, _(t.appCategorys, (o, c) => (a(), r("div", Z, [
+              (a(), r("div", {
+                key: c,
+                class: "table-row"
+              }, [
+                l("div", A, [
+                  l("div", tt, [
+                    l("span", {
+                      class: "text",
+                      style: x({ fontSize: S.value })
+                    }, y(o.name), 5)
+                  ])
+                ]),
+                l("div", et, [
+                  l("div", ot, [
+                    (a(!0), r(g, null, _(o.apps, (s) => (a(), f(i(G), {
+                      class: "app-row",
+                      gutter: 20
+                    }, {
+                      default: h(() => [
+                        (a(!0), r(g, null, _(s, (n, m) => (a(), f(i(J), {
+                          class: "app-col",
+                          key: m,
+                          span: 6
+                        }, {
+                          default: h(() => [
+                            l("div", {
+                              class: "sub-app",
+                              onClick: (d) => L(n)
+                            }, [
+                              l("div", ct, [
+                                l("img", {
+                                  class: "img",
+                                  src: n != null && n.iconDomain ? n.iconDomain + i(T)(n == null ? void 0 : n.iconUrl) : i(T)(n == null ? void 0 : n.iconUrl),
+                                  alt: ""
+                                }, null, 8, at),
+                                l("div", st, [
+                                  D((a(), r("div", lt, [
+                                    q(y(n.name), 1)
+                                  ])), [
+                                    [i(j)]
+                                  ]),
+                                  D((a(), r("div", it, [
+                                    q(y(n.description), 1)
+                                  ])), [
+                                    [i(j)]
+                                  ])
+                                ])
+                              ])
+                            ], 8, nt)
+                          ]),
+                          _: 2
+                        }, 1024))), 128))
+                      ]),
+                      _: 2
+                    }, 1024))), 256))
+                  ])
+                ])
+              ]))
+            ]))), 256))
+          ])) : (a(), f(i(K), {
+            key: 1,
+            size: "large"
+          }))
+        ], 6)
       ]),
       _: 1
-      /* STABLE */
     }));
   }
-}), nt = {
+}), pt = {
   "--das-application-app-bg-color": "#343848",
   "--das-application-app-color": "#ffffff",
   "--das-application-subapp-bg-color": "#ffffff",
   "--das-application-subapp-name-color": "#212121",
   "--das-application-subapp-describe-color": "#999999"
 };
-H(nt);
-const ht = q(ot);
+X(pt);
+const vt = P(rt);
 export {
-  ht as DasAppContainer
+  vt as DasAppContainer
 };

package/packages/business-components/app-container/src/index.vue.d.ts

@@ -1,12 +1,35 @@
 import 'element-plus/es/components/row/style/css';
 import 'element-plus/es/components/col/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "open-app": (item: any) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    theme: string;
+    appCategorys: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-app": (item: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    theme: string;
+    appCategorys: () => never[];
+}>>> & {
     "onOpen-app"?: ((item: any) => any) | undefined;
-}>, {
+}, {
     theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/business-components/app-container/style.css

@@ -1 +1 @@
-.application-content{position:relative;width:100%;height:100%;padding:30px 20px;box-sizing:border-box}.application-content .application-list{width:100%;display:table}.application-content .application-list .app-box{width:100%;margin-bottom:20px;display:table}.application-content .application-list .app-box .row{display:table-row}.application-content .application-list .app-box .row .cell{display:table-cell}.application-content .application-list .app-box .row .cell.cell-title{width:110px;font-size:0;vertical-align:middle;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);position:relative}.application-content .application-list .app-box .row .cell.cell-title .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:25px 8px}.application-content .application-list .app-box .row .cell.app-list{padding-left:20px;box-sizing:border-box;width:calc(100% - 110px)}.application-content .application-list .app-box .row .cell.app-list .app-row:not(:first-child){margin-top:20px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app{height:100%;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);padding:25px 30px;display:flex;cursor:pointer}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right{padding-left:10px;flex:1;box-sizing:border-box;overflow:hidden}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:hover,.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}
+.application-content{position:relative;padding:30px 20px 10px;box-sizing:border-box}.application-content .application-list{width:100%}.application-content .application-list .table{display:table;width:100%;margin-bottom:20px}.application-content .application-list .table .table-row{display:table-row}.application-content .application-list .table .table-row .table-cell{display:table-cell}.application-content .application-list .table .table-row .table-cell.column_1{width:110px;font-size:0;vertical-align:middle;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);position:relative}.application-content .application-list .table .table-row .table-cell.column_1 .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:20px 8px}.application-content .application-list .table .table-row .table-cell.column_2{box-sizing:border-box;width:calc(100% - 110px);padding-left:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row:not(:first-child){margin-top:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app{height:100%;display:flex;align-items:center;padding:0 30px;min-height:98px;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);cursor:pointer}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item{width:100%;height:48px;display:flex}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content{flex:1;padding-left:10px;box-sizing:border-box;overflow:hidden}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:hover,.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}