@das-fed/ui 6.4.0-dev.9 → 6.4.0-dev.91

package/esm-map.json

@@ -10,6 +10,7 @@
   "DasButton": "/packages/components/button/index",
   "DasCalendar": "/packages/components/calendar/index",
   "DasCascader": "/packages/components/cascader/index",
+  "DasCascaderRef": "/packages/components/cascader/index",
   "DasCheckbox": "/packages/components/checkbox/index",
   "DasCheckboxRef": "/packages/components/checkbox/index",
   "DasCollaspePanel": "/packages/components/collapse-panel/index",
@@ -374,5 +375,31 @@
   "DasIconUnflod": "/packages/icons/unflod/index",
   "DasIconZuobiao": "/packages/icons/zuobiao/index",
   "DasIconZidingyihuizhi": "/packages/icons/zidingyihuizhi/index",
-  "DasIconZhuomianduan": "/packages/icons/zhuomianduan/index"
+  "DasIconZhuomianduan": "/packages/icons/zhuomianduan/index",
+  "DimpleLayoutHelper": "/packages/components/dimple-layout/index",
+  "urgentPanelShow": "/packages/business-components/urgent-panel/index",
+  "urgentMonitorPanelShow": "/packages/business-components/urgent-panel/index",
+  "closeUrgentMonitorPanel": "/packages/business-components/urgent-panel/index",
+  "DasBusinessUploadFile": "/packages/business-components/upload-file/index",
+  "DasBusinessUploadFileRef": "/packages/business-components/upload-file/index",
+  "closeUrgentPanel": "/packages/business-components/urgent-panel/index",
+  "DasIconRight3": "/packages/icons/right-3/index",
+  "DasIconEdit3": "/packages/icons/edit-3/index",
+  "DasIconExit": "/packages/icons/exit/index",
+  "DasIconGlobal": "/packages/icons/global/index",
+  "DasIconSystem": "/packages/icons/system/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,10 +1,11 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-dev.9",
+  "version": "6.4.0-dev.91",
   "description": "",
   "type": "module",
   "main": "./index.js",
   "scripts": {
+    "extra": "das-cli extra --type=dasui",
     "helper": "das-cli helper",
     "build": "node scripts/build",
     "build-type": "vue-tsc -p tsconfig.type.json"
@@ -25,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.9",
+    "@das-fed/cli": "6.4.0-dev.91",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -55,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/ui": "6.4.0-dev.9",
-    "@das-fed/utils": "6.4.0-dev.9",
-    "@das-fed/web": "6.4.0-dev.9",
+    "@das-fed/ui": "6.4.0-dev.91",
+    "@das-fed/utils": "6.4.0-dev.91",
+    "@das-fed/web": "6.4.0-dev.91",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@wangeditor/plugin-upload-attachment": "^1.1.0",
@@ -69,15 +70,16 @@
     "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",
     "sortablejs": "^1.15.2",
-    "vue-drag-resize": "^1.5.4",
     "vue-virtual-scroller": "2.0.0-beta.8"
   },
   "peerDependencies": {
+    "ant-design-vue": "3.2.20",
+    "element-plus": "2.4.2",
     "vue": ">=3.4.21"
   },
   "publishConfig": {

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

@@ -1,4 +1,8 @@
 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;
@@ -7,6 +11,10 @@ declare const DasAppContainer: import("@das-fed/utils").SFCWithInstall<import("v
 }, {}, 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;
@@ -15,6 +23,7 @@ declare const DasAppContainer: import("@das-fed/utils").SFCWithInstall<import("v
 }>> & {
     "onOpen-app"?: ((item: any) => any) | undefined;
 }, {
+    theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
 }, {}>>;
 export { DasAppContainer };

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

@@ -1,301 +1,147 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
-import { withInstall as Y } from "@das-fed/utils/with-install/index";
-import { warn as Z, getCurrentInstance as A, inject as L, ref as R, computed as v, unref as p, defineComponent as O, provide as ee, openBlock as u, createBlock as b, resolveDynamicComponent as q, normalizeClass as U, normalizeStyle as z, withCtx as C, renderSlot as F, withDirectives as E, createElementBlock as y, Fragment as j, renderList as V, createElementVNode as $, toDisplayString as x, createTextVNode as B } from "vue";
-import { DasEmpty as te } from "@das-fed/ui/packages/components/empty/index";
-import { vOverlay as se } from "@das-fed/ui/packages/components/overlay/index";
-import { vDasTooltip as k } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { pureImageSrc as I } from "@das-fed/utils/pure-image-src";
-import { setThemeRule as ne } from "@das-fed/web/packages/theme/index";
-/**
-* @vue/shared v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const oe = Object.prototype.hasOwnProperty, T = (e, s) => oe.call(e, s), D = (e) => e !== null && typeof e == "object";
-function ae(e) {
-  for (var s = -1, t = e == null ? 0 : e.length, r = {}; ++s < t; ) {
-    var c = e[s];
-    r[c[0]] = c[1];
-  }
-  return r;
-}
-const J = (e) => typeof e == "number", G = "__epPropKey", w = (e) => e, re = (e) => D(e) && !!e[G], ce = (e, s) => {
-  if (!D(e) || re(e))
-    return e;
-  const { values: t, required: r, default: c, type: d, validator: a } = e, h = {
-    type: d,
-    required: !!r,
-    validator: t || a ? (o) => {
-      let i = !1, m = [];
-      if (t && (m = Array.from(t), T(e, "default") && m.push(c), i || (i = m.includes(o))), a && (i || (i = a(o))), !i && m.length > 0) {
-        const S = [...new Set(m)].map((K) => JSON.stringify(K)).join(", ");
-        Z(`Invalid prop: validation failed${s ? ` for prop "${s}"` : ""}. Expected one of [${S}], got value ${JSON.stringify(o)}.`);
-      }
-      return i;
-    } : void 0,
-    [G]: !0
-  };
-  return T(e, "default") && (h.default = c), h;
-}, H = (e) => ae(Object.entries(e).map(([s, t]) => [
-  s,
-  ce(t, s)
-])), M = (e, s) => (e.install = (t) => {
-  for (const r of [e, ...Object.values({})])
-    t.component(r.name, r);
-}, e), N = (e) => e, P = "el", le = "is-", _ = (e, s, t, r, c) => {
-  let d = `${e}-${s}`;
-  return t && (d += `-${t}`), r && (d += `__${r}`), c && (d += `--${c}`), d;
-}, ie = Symbol("namespaceContextKey"), ue = (e) => {
-  const s = A() ? L(ie, R(P)) : R(P);
-  return v(() => p(s) || P);
-}, Q = (e, s) => {
-  const t = ue();
-  return {
-    namespace: t,
-    b: (n = "") => _(t.value, e, n, "", ""),
-    e: (n) => n ? _(t.value, e, "", n, "") : "",
-    m: (n) => n ? _(t.value, e, "", "", n) : "",
-    be: (n, l) => n && l ? _(t.value, e, n, l, "") : "",
-    em: (n, l) => n && l ? _(t.value, e, "", n, l) : "",
-    bm: (n, l) => n && l ? _(t.value, e, n, "", l) : "",
-    bem: (n, l, f) => n && l && f ? _(t.value, e, n, l, f) : "",
-    is: (n, ...l) => {
-      const f = l.length >= 1 ? l[0] : !0;
-      return n && f ? `${le}${n}` : "";
-    },
-    cssVar: (n) => {
-      const l = {};
-      for (const f in n)
-        n[f] && (l[`--${t.value}-${f}`] = n[f]);
-      return l;
-    },
-    cssVarName: (n) => `--${t.value}-${n}`,
-    cssVarBlock: (n) => {
-      const l = {};
-      for (const f in n)
-        n[f] && (l[`--${t.value}-${e}-${f}`] = n[f]);
-      return l;
-    },
-    cssVarBlockName: (n) => `--${t.value}-${e}-${n}`
-  };
-};
-var W = (e, s) => {
-  const t = e.__vccOpts || e;
-  for (const [r, c] of s)
-    t[r] = c;
-  return t;
-};
-const X = Symbol("rowContextKey"), pe = [
-  "start",
-  "center",
-  "end",
-  "space-around",
-  "space-between",
-  "space-evenly"
-], de = ["top", "middle", "bottom"], fe = H({
-  tag: {
-    type: String,
-    default: "div"
-  },
-  gutter: {
-    type: Number,
-    default: 0
-  },
-  justify: {
-    type: String,
-    values: pe,
-    default: "start"
-  },
-  align: {
-    type: String,
-    values: de
-  }
-}), me = O({
-  name: "ElRow"
-}), ye = /* @__PURE__ */ O({
-  ...me,
-  props: fe,
-  setup(e) {
-    const s = e, t = Q("row"), r = v(() => s.gutter);
-    ee(X, {
-      gutter: r
-    });
-    const c = v(() => {
-      const a = {};
-      return s.gutter && (a.marginRight = a.marginLeft = `-${s.gutter / 2}px`), a;
-    }), d = v(() => [
-      t.b(),
-      t.is(`justify-${s.justify}`, s.justify !== "start"),
-      t.is(`align-${s.align}`, !!s.align)
-    ]);
-    return (a, g) => (u(), b(q(a.tag), {
-      class: U(p(d)),
-      style: z(p(c))
-    }, {
-      default: C(() => [
-        F(a.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-var _e = /* @__PURE__ */ W(ye, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]);
-const ve = M(_e), ge = H({
-  tag: {
-    type: String,
-    default: "div"
-  },
-  span: {
-    type: Number,
-    default: 24
-  },
-  offset: {
-    type: Number,
-    default: 0
+import { withInstall as B } from "@das-fed/utils/with-install/index";
+import { defineComponent as L, computed as C, ref as U, watch as V, onMounted as $, openBlock as a, createBlock as d, unref as l, withCtx as f, createElementVNode as i, normalizeClass as M, normalizeStyle as k, createElementBlock as s, Fragment as u, renderList as h, toDisplayString as g, withDirectives as w, createTextVNode as z } from "vue";
+import { ElRow as O, ElCol as P } from "element-plus";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import { DasEmpty as G } from "@das-fed/ui/packages/components/empty/index";
+import { vDasTooltip as x } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasScrollbar as H } from "@das-fed/ui/packages/components/scrollbar/index";
+import { pureImageSrc as D } from "@das-fed/utils/pure-image-src";
+import { setThemeRule as J } from "@das-fed/web/packages/theme/index";
+const j = {
+  "--das-application-app-bg-color": {
+    kjl: "#2673DC",
+    cjb: "#343848",
+    ssl: "#2D314F"
   },
-  pull: {
-    type: Number,
-    default: 0
-  },
-  push: {
-    type: Number,
-    default: 0
-  },
-  xs: {
-    type: w([Number, Object]),
-    default: () => N({})
-  },
-  sm: {
-    type: w([Number, Object]),
-    default: () => N({})
-  },
-  md: {
-    type: w([Number, Object]),
-    default: () => N({})
-  },
-  lg: {
-    type: w([Number, Object]),
-    default: () => N({})
-  },
-  xl: {
-    type: w([Number, Object]),
-    default: () => N({})
+  "--das-application-app-color": {
+    kjl: "#FFFFFF",
+    cjb: "#FFFFFF",
+    ssl: "#FFFFFF"
   }
-}), he = O({
-  name: "ElCol"
-}), $e = /* @__PURE__ */ O({
-  ...he,
-  props: ge,
-  setup(e) {
-    const s = e, { gutter: t } = L(X, { gutter: v(() => 0) }), r = Q("col"), c = v(() => {
-      const a = {};
-      return t.value && (a.paddingLeft = a.paddingRight = `${t.value / 2}px`), a;
-    }), d = v(() => {
-      const a = [];
-      return ["span", "offset", "pull", "push"].forEach((o) => {
-        const i = s[o];
-        J(i) && (o === "span" ? a.push(r.b(`${s[o]}`)) : i > 0 && a.push(r.b(`${o}-${s[o]}`)));
-      }), ["xs", "sm", "md", "lg", "xl"].forEach((o) => {
-        J(s[o]) ? a.push(r.b(`${o}-${s[o]}`)) : D(s[o]) && Object.entries(s[o]).forEach(([i, m]) => {
-          a.push(i !== "span" ? r.b(`${o}-${i}-${m}`) : r.b(`${o}-${m}`));
-        });
-      }), t.value && a.push(r.is("guttered")), [r.b(), a];
-    });
-    return (a, g) => (u(), b(q(a.tag), {
-      class: U(p(d)),
-      style: z(p(c))
-    }, {
-      default: C(() => [
-        F(a.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-var we = /* @__PURE__ */ W($e, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]);
-const Ne = M(we), be = { class: "application-content" }, Oe = {
+}, K = {
   key: 0,
   class: "application-list"
-}, Ce = { class: "app-box" }, Ee = { class: "cell cell-title" }, je = { class: "app-name" }, Ve = { class: "cell app-list" }, xe = ["onClick"], Pe = ["src"], De = { class: "box-right" }, Se = { class: "name" }, Ke = { class: "describe" }, Re = /* @__PURE__ */ O({
+}, Q = { class: "app-box" }, X = { class: "cell cell-title" }, Y = { class: "app-name" }, Z = { class: "cell app-list" }, b = ["onClick"], A = ["src"], tt = { class: "box-right" }, et = { class: "name" }, ot = { class: "describe" }, nt = /* @__PURE__ */ L({
   __name: "index",
   props: {
+    theme: { default: "default" },
     appCategorys: { default: () => [] }
   },
   emits: ["open-app"],
-  setup(e, { emit: s }) {
-    const t = s, r = (c) => t("open-app", c);
-    return (c, d) => E((u(), y("div", be, [
-      c.appCategorys && c.appCategorys.length ? (u(), y("div", Oe, [
-        (u(!0), y(j, null, V(c.appCategorys, (a, g) => (u(), y("div", Ce, [
-          (u(), y("div", {
-            key: g,
-            class: "row"
-          }, [
-            $("div", Ee, [
-              $("div", je, x(a.name), 1)
-            ]),
-            $("div", Ve, [
-              (u(!0), y(j, null, V(a.apps, (h) => (u(), b(p(ve), {
-                class: "app-row",
-                gutter: 20
-              }, {
-                default: C(() => [
-                  (u(!0), y(j, null, V(h, (o, i) => (u(), b(p(Ne), {
-                    class: "app-col",
-                    key: i,
-                    span: 6
+  setup(E, { emit: T }) {
+    const r = E, I = T, N = C(() => {
+      const t = {};
+      return r.theme === "default" || Object.keys(j).forEach((o) => {
+        var n;
+        t[o] = (n = j[o]) == null ? void 0 : n[r.theme];
+      }), t;
+    }), R = (t) => I("open-app", t), y = U("18px"), _ = (t, o) => {
+      if (!o) return;
+      if (o.offsetWidth > t) {
+        const c = parseInt(window.getComputedStyle(o).fontSize) - 1;
+        o.style.fontSize = c + "px", y.value = c + "px", _(t, o);
+      }
+    }, F = async () => {
+      await W();
+      const t = document.querySelectorAll(".application-content .cell-title .app-name")[0];
+      if (!t) return;
+      const o = parseInt(getComputedStyle(t).paddingLeft) || 0, n = parseInt(getComputedStyle(t).paddingRight) || 0, p = t.clientWidth - o - n;
+      let c = 0, e = null;
+      document.querySelectorAll(".application-content .cell-title .app-name > .text").forEach((m) => {
+        const v = m.offsetWidth;
+        v > c && (c = v, e = m);
+      }), _(p, e);
+    }, W = () => new Promise((t) => {
+      const o = () => {
+        const n = document.querySelectorAll(".application-content .cell-title .app-name");
+        if ((n == null ? void 0 : n.length) === r.appCategorys.length) return t();
+        setTimeout(() => o(), 50);
+      };
+      o();
+    }), q = C(() => r.appCategorys.map((t) => t.name));
+    return V(() => q.value, F, { deep: !0 }), $(F), (t, o) => (a(), d(l(H), null, {
+      default: f(() => [
+        i("div", {
+          class: M(["application-content", `theme-${t.theme}`]),
+          style: k(N.value)
+        }, [
+          t.appCategorys && t.appCategorys.length ? (a(), s("div", K, [
+            (a(!0), s(u, null, h(t.appCategorys, (n, p) => (a(), s("div", Q, [
+              (a(), s("div", {
+                key: p,
+                class: "row"
+              }, [
+                i("div", X, [
+                  i("div", Y, [
+                    i("span", {
+                      class: "text",
+                      style: k({ fontSize: y.value })
+                    }, g(n.name), 5)
+                  ])
+                ]),
+                i("div", Z, [
+                  (a(!0), s(u, null, h(n.apps, (c) => (a(), d(l(O), {
+                    class: "app-row",
+                    gutter: 20
                   }, {
-                    default: C(() => [
-                      $("div", {
-                        class: "sub-app",
-                        onClick: (m) => r(o)
-                      }, [
-                        $("img", {
-                          class: "img",
-                          src: o != null && o.iconDomain ? o.iconDomain + p(I)(o == null ? void 0 : o.iconUrl) : p(I)(o == null ? void 0 : o.iconUrl),
-                          alt: ""
-                        }, null, 8, Pe),
-                        $("div", De, [
-                          E((u(), y("div", Se, [
-                            B(x(o.name), 1)
-                          ])), [
-                            [p(k)]
-                          ]),
-                          E((u(), y("div", Ke, [
-                            B(x(o.description), 1)
-                          ])), [
-                            [p(k)]
-                          ])
-                        ])
-                      ], 8, xe)
+                    default: f(() => [
+                      (a(!0), s(u, null, h(c, (e, S) => (a(), d(l(P), {
+                        class: "app-col",
+                        key: S,
+                        span: 6
+                      }, {
+                        default: f(() => [
+                          i("div", {
+                            class: "sub-app",
+                            onClick: (m) => R(e)
+                          }, [
+                            i("img", {
+                              class: "img",
+                              src: e != null && e.iconDomain ? e.iconDomain + l(D)(e == null ? void 0 : e.iconUrl) : l(D)(e == null ? void 0 : e.iconUrl),
+                              alt: ""
+                            }, null, 8, A),
+                            i("div", tt, [
+                              w((a(), s("div", et, [
+                                z(g(e.name), 1)
+                              ])), [
+                                [l(x)]
+                              ]),
+                              w((a(), s("div", ot, [
+                                z(g(e.description), 1)
+                              ])), [
+                                [l(x)]
+                              ])
+                            ])
+                          ], 8, b)
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
                     ]),
                     _: 2
-                  }, 1024))), 128))
-                ]),
-                _: 2
-              }, 1024))), 256))
-            ])
-          ]))
-        ]))), 256))
-      ])) : (u(), b(p(te), {
-        key: 1,
-        size: "large"
-      }))
-    ])), [
-      [p(se)]
-    ]);
+                  }, 1024))), 256))
+                ])
+              ]))
+            ]))), 256))
+          ])) : (a(), d(l(G), {
+            key: 1,
+            size: "large"
+          }))
+        ], 6)
+      ]),
+      _: 1
+    }));
   }
-}), Be = {
+}), at = {
   "--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"
 };
-ne(Be);
-const Fe = Y(Re);
+J(at);
+const ht = B(nt);
 export {
-  Fe as DasAppContainer
+  ht as DasAppContainer
 };

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

@@ -2,14 +2,17 @@ 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<__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[];
 }, {}>;
 export default _default;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    '--das-application-app-bg-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,9 +1,10 @@
-export interface Props {
-  
-  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
+}