@das-fed/ui 6.4.0-dev.80 → 6.4.0-dev.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-dev.80",
+  "version": "6.4.0-dev.82",
   "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.80",
+    "@das-fed/cli": "6.4.0-dev.82",
     "@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.80",
-    "@das-fed/utils": "6.4.0-dev.80",
-    "@das-fed/web": "6.4.0-dev.80",
+    "@das-fed/ui": "6.4.0-dev.82",
+    "@das-fed/utils": "6.4.0-dev.82",
+    "@das-fed/web": "6.4.0-dev.82",
     "@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.js

@@ -1,12 +1,12 @@
 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 S, ref as O, watch as U, onMounted as V, withDirectives as f, openBlock as a, createElementBlock as l, normalizeClass as $, normalizeStyle as C, Fragment as h, renderList as u, createElementVNode as c, toDisplayString as g, createBlock as y, unref as i, withCtx as k, createTextVNode as w } from "vue";
-import { ElRow as L, ElCol as M } from "element-plus";
+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 "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 { vOverlay as G } from "@das-fed/ui/packages/components/overlay/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 = {
@@ -31,28 +31,28 @@ const D = {
   },
   emits: ["open-app"],
   setup(j, { emit: E }) {
-    const p = j, T = E, N = S(() => {
+    const p = j, T = E, N = v(() => {
       const t = {};
       return p.theme === "default" || Object.keys(D).forEach((e) => {
         var n;
         t[e] = (n = D[e]) == null ? void 0 : n[p.theme];
       }), t;
-    }), I = (t) => T("open-app", t), F = O("18px"), _ = (t, e) => {
+    }), I = (t) => T("open-app", t), _ = U("18px"), F = (t, e) => {
       if (!e) return;
       if (e.offsetWidth > t) {
-        const s = parseInt(window.getComputedStyle(e).fontSize) - 1;
-        e.style.fontSize = s + "px", F.value = s + "px", _(t, e);
+        const c = parseInt(window.getComputedStyle(e).fontSize) - 1;
+        e.style.fontSize = c + "px", _.value = c + "px", F(t, e);
       }
-    }, v = async () => {
+    }, S = async () => {
       await R();
       const t = document.querySelectorAll(".application-content .cell-title .app-name")[0];
       if (!t) return;
       const e = parseInt(getComputedStyle(t).paddingRight) || 0, n = t.clientWidth - e;
-      let r = 0, s = null;
+      let r = 0, c = null;
       document.querySelectorAll(".application-content .cell-title .app-name > .text").forEach((d) => {
-        const m = d.offsetWidth;
-        m > r && (r = m, s = d);
-      }), _(n, s);
+        const f = d.offsetWidth;
+        f > r && (r = f, c = d);
+      }), F(n, c);
     }, R = () => new Promise((t) => {
       const e = () => {
         const n = document.querySelectorAll(".application-content .cell-title .app-name");
@@ -60,127 +60,131 @@ const D = {
         setTimeout(() => e(), 50);
       };
       e();
-    }), W = S(() => p.appCategorys.map((t) => t.name));
-    return U(() => W.value, v, { deep: !0 }), V(v), (t, e) => f((a(), l(
-      "div",
-      {
-        class: $(["application-content", `theme-${t.theme}`]),
-        style: C(N.value)
-      },
-      [
-        t.appCategorys && t.appCategorys.length ? (a(), l("div", J, [
-          (a(!0), l(
-            h,
-            null,
-            u(t.appCategorys, (n, r) => (a(), l("div", K, [
-              (a(), l("div", {
-                key: r,
-                class: "row"
-              }, [
-                c("div", Q, [
-                  c("div", X, [
-                    c(
-                      "span",
-                      {
-                        class: "text",
-                        style: C({ fontSize: F.value })
-                      },
-                      g(n.name),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ])
-                ]),
-                c("div", Y, [
-                  (a(!0), l(
-                    h,
-                    null,
-                    u(n.apps, (s) => (a(), y(
-                      i(L),
-                      {
-                        class: "app-row",
-                        gutter: 20
-                      },
-                      {
-                        default: k(() => [
-                          (a(!0), l(
-                            h,
-                            null,
-                            u(s, (o, d) => (a(), y(
-                              i(M),
-                              {
-                                class: "app-col",
-                                key: d,
-                                span: 6
-                              },
-                              {
-                                default: k(() => [
-                                  c("div", {
-                                    class: "sub-app",
-                                    onClick: (m) => I(o)
-                                  }, [
-                                    c("img", {
-                                      class: "img",
-                                      src: o != null && o.iconDomain ? o.iconDomain + i(x)(o == null ? void 0 : o.iconUrl) : i(x)(o == null ? void 0 : o.iconUrl),
-                                      alt: ""
-                                    }, null, 8, b),
-                                    c("div", A, [
-                                      f((a(), l("div", tt, [
-                                        w(
-                                          g(o.name),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])), [
-                                        [i(z)]
-                                      ]),
-                                      f((a(), l("div", et, [
-                                        w(
-                                          g(o.description),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])), [
-                                        [i(z)]
-                                      ])
-                                    ])
-                                  ], 8, Z)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            ))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ))),
-                    256
-                    /* UNKEYED_FRAGMENT */
-                  ))
-                ])
-              ]))
-            ]))),
-            256
-            /* UNKEYED_FRAGMENT */
-          ))
-        ])) : (a(), y(i(P), {
-          key: 1,
-          size: "large"
-        }))
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [i(G)]
-    ]);
+    }), W = v(() => p.appCategorys.map((t) => t.name));
+    return V(() => W.value, S, { deep: !0 }), $(S), (t, e) => (a(), m(l(G), 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 */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }));
   }
 }), nt = {
   "--das-application-app-bg-color": "#343848",

package/packages/business-components/area-phone-select/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/business-components/area-phone-select/style.css';
-import { defineComponent as $, ref as s, computed as c, onMounted as W, openBlock as d, createBlock as U, unref as p, mergeProps as N, withCtx as _, renderSlot as x, createElementVNode as y, normalizeClass as B, toDisplayString as R, createVNode as C, createElementBlock as h, createCommentVNode as A, withDirectives as z, Fragment as L, renderList as M, createTextVNode as j, nextTick as q, onBeforeUnmount as G, normalizeStyle as H } from "vue";
+import { defineComponent as $, ref as s, computed as c, onMounted as N, openBlock as d, createBlock as U, unref as p, mergeProps as W, withCtx as _, renderSlot as x, createElementVNode as y, normalizeClass as B, toDisplayString as R, createVNode as C, createElementBlock as h, createCommentVNode as A, withDirectives as z, Fragment as L, renderList as M, createTextVNode as j, nextTick as q, onBeforeUnmount as G, normalizeStyle as H } from "vue";
 import { withInstall as E } from "@das-fed/utils/with-install/index";
 import { t as J, setI18nRule as K } from "@das-fed/web/packages/i18n/index";
 import { DasPopoverRef as Q, DasPopover as X } from "@das-fed/ui/packages/components/popover/index";
@@ -46,18 +46,22 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
         v("update:visible", o);
       }
     }), u = c({
-      get: () => a.modelValue ?? {},
+      get: () => a.modelValue ?? {
+        name: "中国",
+        code: "CN",
+        phoneCode: "+86"
+      },
       set: (o) => {
         v("update:modelValue", o);
       }
     }), k = c(() => u.value[a.label]), S = (o) => {
       u.value = o, f.value = !1, v("change", o);
     }, I = c(() => a.filter ? e.value.filter((o) => o.name.includes(m.value)) : e.value), e = s([]), l = s(!1);
-    return W(async () => {
+    return N(async () => {
       l.value = !0;
       const [o, i] = await de().run();
       l.value = !1, !o && (e.value = i || []);
-    }), b({ popoverRef: V }), (o, i) => (d(), U(p(X), N({
+    }), b({ popoverRef: V }), (o, i) => (d(), U(p(X), W({
       ref_key: "popoverRef",
       ref: V,
       "show-arrow": o.showArrow,
@@ -175,7 +179,7 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   for (const [a, v] of b)
     r[a] = v;
   return r;
-}, F = /* @__PURE__ */ T(we, [["__scopeId", "data-v-08d6dbdd"]]), Ve = /* @__PURE__ */ $({
+}, F = /* @__PURE__ */ T(we, [["__scopeId", "data-v-762f72de"]]), Ve = /* @__PURE__ */ $({
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -197,7 +201,7 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     }), g = s(null), P = s(null), D = s(null), f = s(240), u = s(!1), k = () => {
       f.value = g.value.clientWidth ?? 0;
     };
-    W(() => {
+    N(() => {
       q(() => {
         k(), D.value = ne(() => {
           k();
@@ -221,7 +225,7 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
         style: H({ width: v.value })
       },
       [
-        C(p(le), N({
+        C(p(le), W({
           ref_key: "inputRef",
           ref: P,
           width: "100%",
@@ -255,11 +259,11 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   "area-phone-placeholder": { "zh-CN": "请输入所在国家或区域中文名称", en: "Please enter your country or region" }
 };
 K(ye);
-const We = () => s(null), Ne = () => s(null), Ee = E(ge), Oe = E(F), Te = { name: "区号选择手机号输入框" };
+const Ne = () => s(null), We = () => s(null), Ee = E(ge), Oe = E(F), Te = { name: "区号选择手机号输入框" };
 export {
   Ee as DasAreaPhoneSelect,
-  We as DasAreaPhoneSelectRef,
+  Ne as DasAreaPhoneSelectRef,
   Oe as DasAreaPopover,
-  Ne as DasAreaPopoverRef,
+  We as DasAreaPopoverRef,
   Te as default
 };

package/packages/business-components/area-phone-select/style.css

@@ -1 +1 @@
-.das-ui-area-phone-popover-reference[data-v-08d6dbdd]{min-width:68px;height:100%;display:flex}.das-ui-area-phone-popover-reference .icon-box[data-v-08d6dbdd]{flex-shrink:0;margin-left:4px;display:flex;align-items:center;justify-content:center;transform:rotate(0);transition:transform .5s ease}.das-ui-area-phone-popover-reference .icon-box.show[data-v-08d6dbdd]{transform:rotate(180deg)}.das-ui-area-phone-popover-reference .icon-box.hide[data-v-08d6dbdd]{color:transparent!important}.das-ui-area-phone-popover-reference:hover .icon-box[data-v-08d6dbdd]{color:#276ff5}.das-ui-area-phone-popover-reference .label[data-v-08d6dbdd]{font-size:14px;color:#212121;flex:1;overflow:hidden;display:flex;align-items:center}.das-ui-area-phone-popover-reference.is-disabled .label[data-v-08d6dbdd]{color:#b2b2b2!important}.das-ui-area-phone-popover-content[data-v-08d6dbdd]{width:100%}.das-ui-area-phone-popover-content .search-box[data-v-08d6dbdd]{padding:8px}.das-ui-area-phone-popover-content .list[data-v-08d6dbdd]{width:100%;height:248px}.das-ui-area-phone-popover-content .list .item[data-v-08d6dbdd]{width:100%;height:30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.das-ui-area-phone-popover-content .list .item[data-v-08d6dbdd]:hover{background-color:#f5f5f5}.das-ui-area-phone-popover-content .list .item.selected[data-v-08d6dbdd]{background-color:#f2f6ff}.das-ui-area-phone-popover-content .list .item.selected .item-lable[data-v-08d6dbdd],.das-ui-area-phone-popover-content .list .item.selected .item-code[data-v-08d6dbdd]{color:#276ff5}.das-ui-area-phone-popover-content .list .item .item-lable[data-v-08d6dbdd]{flex:1;overflow:hidden;font-size:12px;color:#212121}.das-ui-area-phone-popover-content .list .item .item-code[data-v-08d6dbdd]{width:53px;margin-left:22px;color:#666;text-align:right;font-size:12px}.das-ui-area-phone-popover .das-ui-popover-container{padding:0!important}.das-ui-area-phone-select[data-v-3b9ba6be]{width:100%}.das-ui-area-phone-select.is-disabled[data-v-3b9ba6be] .el-input.el-input-group{border-bottom-color:#e5e5e5!important}
+.das-ui-area-phone-popover-reference[data-v-762f72de]{min-width:68px;height:100%;display:flex}.das-ui-area-phone-popover-reference .icon-box[data-v-762f72de]{flex-shrink:0;margin-left:4px;display:flex;align-items:center;justify-content:center;transform:rotate(0);transition:transform .5s ease}.das-ui-area-phone-popover-reference .icon-box.show[data-v-762f72de]{transform:rotate(180deg)}.das-ui-area-phone-popover-reference .icon-box.hide[data-v-762f72de]{color:transparent!important}.das-ui-area-phone-popover-reference:hover .icon-box[data-v-762f72de]{color:#276ff5}.das-ui-area-phone-popover-reference .label[data-v-762f72de]{font-size:14px;color:#212121;flex:1;overflow:hidden;display:flex;align-items:center}.das-ui-area-phone-popover-reference.is-disabled .label[data-v-762f72de]{color:#b2b2b2!important}.das-ui-area-phone-popover-content[data-v-762f72de]{width:100%}.das-ui-area-phone-popover-content .search-box[data-v-762f72de]{padding:8px}.das-ui-area-phone-popover-content .list[data-v-762f72de]{width:100%;height:248px}.das-ui-area-phone-popover-content .list .item[data-v-762f72de]{width:100%;height:30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.das-ui-area-phone-popover-content .list .item[data-v-762f72de]:hover{background-color:#f5f5f5}.das-ui-area-phone-popover-content .list .item.selected[data-v-762f72de]{background-color:#f2f6ff}.das-ui-area-phone-popover-content .list .item.selected .item-lable[data-v-762f72de],.das-ui-area-phone-popover-content .list .item.selected .item-code[data-v-762f72de]{color:#276ff5}.das-ui-area-phone-popover-content .list .item .item-lable[data-v-762f72de]{flex:1;overflow:hidden;font-size:12px;color:#212121}.das-ui-area-phone-popover-content .list .item .item-code[data-v-762f72de]{width:53px;margin-left:22px;color:#666;text-align:right;font-size:12px}.das-ui-area-phone-popover .das-ui-popover-container{padding:0!important}.das-ui-area-phone-select[data-v-3b9ba6be]{width:100%}.das-ui-area-phone-select.is-disabled[data-v-3b9ba6be] .el-input.el-input-group{border-bottom-color:#e5e5e5!important}

package/packages/business-components/device-panel/i18n/index.d.ts

@@ -1190,7 +1190,7 @@ declare const _default: {
         'zh-CN': string;
         en: string;
     };
-    数据趋势: {
+    数据趋势图: {
         'zh-CN': string;
         en: string;
     };