@das-fed/ui 6.4.0-dev.52 → 6.4.0-dev.54

package/package.json

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

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

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onOpen-app"?: ((item: any) => any) | undefined;
 }>, {
+    theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    '--das-application-app-bg-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+    '--das-application-app-border-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+    '--das-application-app-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+};
+export default _default;

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

@@ -1,4 +1,5 @@
 export interface Props {
+  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
   
   appCategorys: any[]
 }

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;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);vertical-align:middle;font-size:0}.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;word-break:break-all}.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: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;word-break:break-all}.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,5 +1,6 @@
 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/change-enterprises/i18n/index.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    选择登录企业: {
+        "zh-CN": string;
+        en: string;
+    };
+    搜索企业名称: {
+        "zh-CN": string;
+        en: string;
+    };
+    进入: {
+        "zh-CN": string;
+        en: string;
+    };
+};
+export default _default;