@das-fed/ui 6.4.0-hot.28 → 6.4.0-hot.29

package/esm-map.json

@@ -388,5 +388,18 @@
   "DasIconExit": "/packages/icons/exit/index",
   "DasIconGlobal": "/packages/icons/global/index",
   "DasIconSystem": "/packages/icons/system/index",
-  "DasIconPasswordLock2": "/packages/icons/password-lock2/index"
+  "DasIconPasswordLock2": "/packages/icons/password-lock2/index",
+  "DasIconInputSelect": "/packages/icons/input-select/index",
+  "DasTreeV2": "/packages/components/tree-v2/index",
+  "DasTreeV2Ref": "/packages/components/tree-v2/index",
+  "DasPaymentRef": "/packages/business-components/payment/index",
+  "DasPayment": "/packages/business-components/payment/index",
+  "ProviderMenu": "/packages/business-components/payment/index",
+  "PayStatusCode": "/packages/business-components/payment/index",
+  "payAppid": "/packages/business-components/payment/index",
+  "DasPopoverRef": "/packages/components/popover/index",
+  "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"
 }

package/index.js

@@ -1,21 +1,21 @@
-//@ts-nocheck
-
-import * as components from './packages/components'
-import * as businessComponents from './packages/business-components'
-import { DasAutoRegisterAllIcon } from '@das-fed/ui'
-
-DasAutoRegisterAllIcon(import('@das-fed/ui/packages/icons'))
-
-const allComponents = { ...components, ...businessComponents }
-
-const install = (app) => {
-  Object.entries(allComponents).forEach(([name, component]) => {
-    if (!component?.install) return
-    app.component(name, component)
-  })
-}
-
-export default { install }
-export * from './packages/business-components'
-export * from './packages/components'
-export * from './packages/icons'
+//@ts-nocheck
+
+import * as components from './packages/components'
+import * as businessComponents from './packages/business-components'
+import { DasAutoRegisterAllIcon } from '@das-fed/ui'
+
+DasAutoRegisterAllIcon(import('@das-fed/ui/packages/icons'))
+
+const allComponents = { ...components, ...businessComponents }
+
+const install = (app) => {
+  Object.entries(allComponents).forEach(([name, component]) => {
+    if (!component?.install) return
+    app.component(name, component)
+  })
+}
+
+export default { install }
+export * from './packages/business-components'
+export * from './packages/components'
+export * from './packages/icons'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-hot.28",
+  "version": "6.4.0-hot.29",
   "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.28",
+    "@das-fed/cli": "6.4.0-hot.29",
     "@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.28",
-    "@das-fed/utils": "6.4.0-hot.28",
-    "@das-fed/web": "6.4.0-hot.28",
+    "@das-fed/ui": "6.4.0-hot.29",
+    "@das-fed/utils": "6.4.0-hot.29",
+    "@das-fed/web": "6.4.0-hot.29",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@wangeditor/plugin-upload-attachment": "^1.1.0",
@@ -70,7 +70,7 @@
     "element-resize-detector": "^1.2.4",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "mpegts.js": "^1.7.3",
+    "mpegts.js": "1.7.3",
     "nanoid": "3.2.0",
     "overlayscrollbars": "2.6.1",
     "pinia": "^2.1.7",

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

@@ -1,173 +1,200 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
-import { withInstall as S } from "@das-fed/utils/with-install/index";
-import { defineComponent as T, computed as x, withDirectives as r, openBlock as o, createElementBlock as a, normalizeClass as z, normalizeStyle as B, Fragment as c, renderList as n, createElementVNode as s, toDisplayString as p, createBlock as m, unref as l, withCtx as h, createTextVNode as _ } from "vue";
-import { ElRow as I, ElCol as N } from "element-plus";
+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 "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
-import { DasEmpty as O } from "@das-fed/ui/packages/components/empty/index";
-import { vOverlay as R } from "@das-fed/ui/packages/components/overlay/index";
-import { vDasTooltip as F } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { pureImageSrc as v } from "@das-fed/utils/pure-image-src";
-import { setThemeRule as U } from "@das-fed/web/packages/theme/index";
-const g = {
+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 = {
   "--das-application-app-bg-color": {
-    kjl: "#F1F8FF",
-    cjb: "#343848",
-    ssl: "#2D314F"
-  },
-  "--das-application-app-border-color": {
     kjl: "#2673DC",
     cjb: "#343848",
     ssl: "#2D314F"
   },
   "--das-application-app-color": {
-    kjl: "#2673DC",
+    kjl: "#FFFFFF",
     cjb: "#FFFFFF",
     ssl: "#FFFFFF"
   }
-}, V = {
+}, J = {
   key: 0,
   class: "application-list"
-}, $ = { class: "app-box" }, L = { class: "cell cell-title" }, q = { class: "app-name" }, G = { class: "cell app-list" }, H = ["onClick"], J = ["src"], K = { class: "box-right" }, M = { class: "name" }, P = { class: "describe" }, Q = /* @__PURE__ */ T({
+}, 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({
   __name: "index",
   props: {
     theme: { default: "default" },
     appCategorys: { default: () => [] }
   },
   emits: ["open-app"],
-  setup(y, { emit: u }) {
-    const d = y, k = u, C = x(() => {
+  setup(j, { emit: E }) {
+    const p = j, T = E, N = v(() => {
       const t = {};
-      return d.theme === "default" || Object.keys(g).forEach((i) => {
-        t[i] = g[i][d.theme];
+      return p.theme === "default" || Object.keys(D).forEach((e) => {
+        var n;
+        t[e] = (n = D[e]) == null ? void 0 : n[p.theme];
       }), t;
-    }), D = (t) => k("open-app", t);
-    return (t, i) => r((o(), a(
-      "div",
-      {
-        class: z(["application-content", `theme-${t.theme}`]),
-        style: B(C.value)
-      },
-      [
-        t.appCategorys && t.appCategorys.length ? (o(), a("div", V, [
-          (o(!0), a(
-            c,
-            null,
-            n(t.appCategorys, (f, j) => (o(), a("div", $, [
-              (o(), a("div", {
-                key: j,
-                class: "row"
-              }, [
-                s("div", L, [
-                  s(
-                    "div",
-                    q,
-                    p(f.name),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                s("div", G, [
-                  (o(!0), a(
-                    c,
-                    null,
-                    n(f.apps, (w) => (o(), m(
-                      l(I),
-                      {
-                        class: "app-row",
-                        gutter: 20
-                      },
-                      {
-                        default: h(() => [
-                          (o(!0), a(
-                            c,
-                            null,
-                            n(w, (e, E) => (o(), m(
-                              l(N),
-                              {
-                                class: "app-col",
-                                key: E,
-                                span: 6
-                              },
-                              {
-                                default: h(() => [
-                                  s("div", {
-                                    class: "sub-app",
-                                    onClick: (X) => D(e)
-                                  }, [
-                                    s("img", {
-                                      class: "img",
-                                      src: e != null && e.iconDomain ? e.iconDomain + l(v)(e == null ? void 0 : e.iconUrl) : l(v)(e == null ? void 0 : e.iconUrl),
-                                      alt: ""
-                                    }, null, 8, J),
-                                    s("div", K, [
-                                      r((o(), a("div", M, [
-                                        _(
-                                          p(e.name),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])), [
-                                        [l(F)]
-                                      ]),
-                                      r((o(), a("div", P, [
-                                        _(
-                                          p(e.description),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])), [
-                                        [l(F)]
-                                      ])
-                                    ])
-                                  ], 8, H)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            ))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ))),
-                    256
-                    /* UNKEYED_FRAGMENT */
-                  ))
-                ])
-              ]))
-            ]))),
-            256
-            /* UNKEYED_FRAGMENT */
-          ))
-        ])) : (o(), m(l(O), {
-          key: 1,
-          size: "large"
-        }))
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [l(R)]
-    ]);
+    }), I = (t) => T("open-app", t), _ = U("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);
+      }
+    }, 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, 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 = () => {
+        const n = document.querySelectorAll(".application-content .cell-title .app-name");
+        if ((n == null ? void 0 : n.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, {
+      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 */
+    }));
   }
-}), W = {
+}), nt = {
   "--das-application-app-bg-color": "#343848",
-  "--das-application-app-border-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"
 };
-U(W);
-const ie = S(Q);
+H(nt);
+const ht = q(ot);
 export {
-  ie as DasAppContainer
+  ht as DasAppContainer
 };

package/packages/business-components/app-container/src/style-theme.d.ts

@@ -4,11 +4,6 @@ declare const _default: {
         cjb: string;
         ssl: string;
     };
-    '--das-application-app-border-color': {
-        kjl: string;
-        cjb: string;
-        ssl: string;
-    };
     '--das-application-app-color': {
         kjl: string;
         cjb: string;

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

@@ -1,10 +1,10 @@
-export interface Props {
-  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
-  
-  appCategorys: any[]
-}
-
-export interface Emits {
-  
-  (e: 'open-app', item: any): void
-}
+export interface Props {
+  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
+  
+  appCategorys: any[]
+}
+
+export interface Emits {
+  
+  (e: 'open-app', item: any): void
+}

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:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0;background-color:var(--das-application-app-border-color)}.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;display:inline-block}.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;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}

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

@@ -1,6 +1,5 @@
 declare const _default: {
     '--das-application-app-bg-color': string;
-    '--das-application-app-border-color': string;
     '--das-application-app-color': string;
     '--das-application-subapp-bg-color': string;
     '--das-application-subapp-name-color': string;

package/packages/business-components/area-phone-select/i18n/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    'area-phone-placeholder': {
+        'zh-CN': string;
+        en: string;
+    };
+};
+export default _default;