@das-fed/ui 7.1.0-qatar.7 → 7.1.0-qatar.8

package/packages/components/menu-aside/src/Index.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     rtl: boolean;
     mode: "vertical" | "inline";
     subMenuAttrs: any;
-    globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
+    globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh" | "qatar";
     currentOpenKeys: any[];
     currentSelectKeys: any[];
     parentSelectKeys: any[];

package/packages/components/menu-aside/src/style-theme.d.ts

@@ -4,120 +4,140 @@ declare const _default: {
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-icon-container-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside--item-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside--item-arrow-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside--item-active-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside--item-active-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-item-hover-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-item-hover-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-vertical-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-vertical-item-hover-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-item-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-item-hover-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-item-hover-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-item-active-background-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-submenu-title-border-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-collapse-icon-bg-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-collapse-icon-hover-bg-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-aside-divise-border-color': {
         kjl: string;
         ssl: string;
         cjb: string;
         dkh: string;
+        qatar: string;
     };
 };
 export default _default;

package/packages/components/menu-aside/src/type.d.ts

@@ -11,7 +11,7 @@ export type MenuInfo = {
 }
 
 export interface Props {
-  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl' | 'dkh'
+  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl' | 'dkh' | 'qatar'
 
   
   mode: 'vertical' | 'inline'

package/packages/components/menu-aside/theme/base.d.ts

@@ -23,5 +23,29 @@ declare const _default: {
     '--das-ui-layout-aside-collapse-icon-hover-bg-color': string;
     '--das-ui-layout-aside-divise-border-color': string;
     '--das-ui-layout-aside-menu-expired-color': string;
+    qatar: {
+        '--das-ui-layout-aside-border-color': string;
+        '--das-ui-layout-aside-background-color': string;
+        '--das-ui-layout-aside-icon-container-background-color': string;
+        '--das-ui-layout-aside--item-color': string;
+        '--das-ui-layout-aside--item-arrow-color': string;
+        '--das-ui-layout-aside--item-active-color': string;
+        '--das-ui-layout-aside--item-active-background-color': string;
+        '--das-ui-layout-aside-item-hover-color': string;
+        '--das-ui-layout-aside-item-hover-background-color': string;
+        '--das-ui-layout-aside-submenu-title-border-color': string;
+        '--das-ui-layout-aside-submenu-vertical-background-color': string;
+        '--das-ui-layout-aside-submenu-vertical-item-hover-background-color': string;
+        '--das-ui-layout-aside-submenu-background-color': string;
+        '--das-ui-layout-aside-submenu-item-affix-color': string;
+        '--das-ui-layout-aside-submenu-item-color': string;
+        '--das-ui-layout-aside-submenu-item-hover-color': string;
+        '--das-ui-layout-aside-submenu-item-hover-background-color': string;
+        '--das-ui-layout-aside-submenu-item-active-background-color': string;
+        '--das-ui-layout-aside-collapse-icon-bg-color': string;
+        '--das-ui-layout-aside-collapse-icon-hover-bg-color': string;
+        '--das-ui-layout-aside-divise-border-color': string;
+        '--das-ui-layout-aside-menu-expired-color': string;
+    };
 };
 export default _default;

package/packages/components/menu-header/index.d.ts

@@ -4,7 +4,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:currentKey": (value: any) => any;
     }, import("vue").PublicProps, {
-        theme: "default" | "kjl" | "cjb" | "ssl";
+        theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
         menus: {
             code: string;
             name: string;
@@ -22,7 +22,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     }, Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:currentKey"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        theme: "default" | "kjl" | "cjb" | "ssl";
+        theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
         menus: {
             code: string;
             name: string;
@@ -39,7 +39,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:currentKey": (value: any) => any;
 }, string, {
-    theme: "default" | "kjl" | "cjb" | "ssl";
+    theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
     menus: {
         code: string;
         name: string;

package/packages/components/menu-header/index.js

@@ -1,74 +1,83 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
-import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as d, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as i } from "vue";
+import { withInstall as g } from "@das-fed/utils/with-install/index";
+import { computed as h, defineComponent as y, createElementBlock as c, openBlock as t, normalizeStyle as k, normalizeClass as v, createVNode as p, unref as d, mergeProps as j, withCtx as s, Fragment as E, renderList as _, createBlock as q, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as F, renderSlot as i } from "vue";
 import { Tabs as T, TabPane as C } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as $ } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { setThemeRule as x } from "@das-fed/web/packages/theme/index";
-function S(r) {
-  return typeof r == "string" && r.includes("px") ? r : r + "px";
+import { getVar as e, setThemeRule as x } from "@das-fed/web/packages/theme/index";
+function S(a) {
+  return typeof a == "string" && a.includes("px") ? a : a + "px";
 }
-const w = (r, f) => ({
+const V = (a, f) => ({
   realHeight: h(() => {
-    let o;
-    return r.height && (o = S(r.height)), o;
+    let u;
+    return a.height && (u = S(a.height)), u;
   })
-}), c = {
+}), m = {
   "--das-ui-layout-header-menu-border-color": {
     kjl: "#3C81E0",
     cjb: "#D9D9D9",
     ssl: "#313553",
-    dkh: "#EB0E1B"
+    dkh: "#EB0E1B",
+    qatar: e("--das-menu-color-fog-blue-9")
   },
   "--das-ui-layout-header-menu-background-color": {
     kjl: "#2673DC",
     cjb: "#ffffff",
     ssl: "#1B1F40",
-    dkh: "#EB0E1B"
+    dkh: "#EB0E1B",
+    qatar: e("--das-menu-color-fog-blue-10")
   },
   "--das-ui-layout-header-menu-color": {
     kjl: "#FFFFFF",
     cjb: "#212121",
     ssl: "#FFFFFF",
-    dkh: "rgba(255, 255, 255, 0.8)"
+    dkh: "rgba(255, 255, 255, 0.8)",
+    qatar: e("--das-menu-color-fog-blue-1")
   },
   "--das-ui-layout-header-menu-hover-background-color": {
     kjl: "rgba(24, 94, 190, 0.5)",
     cjb: "#F2F6FF",
     ssl: "rgba(255, 255, 255, 0.08)",
-    dkh: "rgba(255, 115, 126, 0.5)"
+    dkh: "rgba(255, 115, 126, 0.5)",
+    qatar: e("--das-menu-color-fog-blue-9")
   },
   "--das-ui-layout-header-menu-hover-color": {
     kjl: "#FFFFFF",
     cjb: "#5582F3",
     ssl: "#FFFFFF",
-    dkh: "#FFFFFF"
+    dkh: "#FFFFFF",
+    qatar: e("--das-menu-color-fog-blue-1")
   },
   "--das-ui-layout-header-menu-active-background-color": {
     kjl: "#185EBE",
     cjb: "#5582F3",
     ssl: "#5582F3",
-    dkh: "#FF737E"
+    dkh: "#FF737E",
+    qatar: e("--das-menu-color-fog-blue-7")
   },
   "--das-ui-layout-header-menu-active-color": {
     kjl: "#FFFFFF",
     cjb: "#FFFFFF",
     ssl: "#FFFFFF",
-    dkh: "#FFFFFF"
+    dkh: "#FFFFFF",
+    qatar: e("--das-menu-color-fog-blue-1")
   },
   "--das-ui-layout-header-menu-remove-btn-color": {
     kjl: "rgba(255, 255, 255, 0.6)",
     cjb: "rgba(170, 170, 172)",
     ssl: "rgba(255, 255, 255, 0.6)",
-    dkh: "rgba(255, 255, 255, 0.6)"
+    dkh: "rgba(255, 255, 255, 0.6)",
+    qatar: e("--das-menu-color-fog-blue-2")
   },
   "--das-ui-layout-header-menu-remove-btn-hover-color": {
     kjl: "#FFFFFF",
     cjb: "#FFFFFF",
     ssl: "#FFFFFF",
-    dkh: "#FFFFFF"
+    dkh: "#FFFFFF",
+    qatar: e("--das-menu-color-fog-blue-1")
   }
-}, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, z = {
+}, w = { class: "das-tab-label" }, M = { class: "header-left" }, N = { class: "header-right" }, z = {
   name: "DasMenuHeader",
   inheritAttrs: !1
 }, A = /* @__PURE__ */ y({
@@ -80,54 +89,54 @@ const w = (r, f) => ({
     menus: { default: () => [] }
   },
   emits: ["update:currentKey"],
-  setup(r, { emit: f }) {
-    const a = r, { realHeight: o } = w(a), m = h(() => {
-      const e = {};
-      return a.theme === "default" || Object.keys(c).forEach((u) => {
-        var t;
-        e[u] = ((t = c[u]) == null ? void 0 : t[a.theme]) ?? void 0;
-      }), e;
+  setup(a, { emit: f }) {
+    const l = a, { realHeight: u } = V(l), b = h(() => {
+      const o = {};
+      return l.theme === "default" || Object.keys(m).forEach((n) => {
+        var r;
+        o[n] = ((r = m[n]) == null ? void 0 : r[l.theme]) ?? void 0;
+      }), o;
     });
-    return (e, u) => (l(), F(
+    return (o, n) => (t(), c(
       "div",
       {
-        class: g(["das-ui-header-menu", `theme-${e.theme}`, `dir-${e.dir}`]),
-        style: k(m.value)
+        class: v(["das-ui-header-menu", `theme-${o.theme}`, `dir-${o.dir}`]),
+        style: k(b.value)
       },
       [
-        v(s(T), p(e.$attrs, {
-          style: { height: s(o) },
+        p(d(T), j(o.$attrs, {
+          style: { height: d(u) },
           type: "editable-card",
           contextmenu: !1,
           hideAdd: !0
         }), {
-          leftExtra: d(() => [
-            n("div", N, [
-              i(e.$slots, "header-left")
+          leftExtra: s(() => [
+            F("div", M, [
+              i(o.$slots, "header-left")
             ])
           ]),
-          rightExtra: d(() => [
-            n("div", V, [
-              i(e.$slots, "header-right")
+          rightExtra: s(() => [
+            F("div", N, [
+              i(o.$slots, "header-right")
             ])
           ]),
-          default: d(() => [
-            (l(!0), F(
-              j,
+          default: s(() => [
+            (t(!0), c(
+              E,
               null,
-              E(e.menus, (t) => (l(), _(s(C), {
-                key: t.code,
-                closable: t.closable
+              _(o.menus, (r) => (t(), q(d(C), {
+                key: r.code,
+                closable: r.closable
               }, {
-                tab: d(() => [
-                  B((l(), F("div", M, [
+                tab: s(() => [
+                  B((t(), c("div", w, [
                     D(
-                      H(t.name),
+                      H(r.name),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [s($)]
+                    [d($)]
                   ])
                 ]),
                 _: 2
@@ -154,11 +163,22 @@ const w = (r, f) => ({
   "--das-ui-layout-header-menu-active-background-color": "#5582F3",
   "--das-ui-layout-header-menu-active-color": "#ffffff",
   "--das-ui-layout-header-menu-remove-btn-color": "rgba(170, 170, 172)",
-  "--das-ui-layout-header-menu-remove-btn-hover-color": "#ffffff"
+  "--das-ui-layout-header-menu-remove-btn-hover-color": "#ffffff",
+  qatar: {
+    "--das-ui-layout-header-menu-border-color": e("--das-menu-color-fog-blue-9"),
+    "--das-ui-layout-header-menu-background-color": e("--das-menu-color-fog-blue-10"),
+    "--das-ui-layout-header-menu-color": e("--das-menu-color-fog-blue-1"),
+    "--das-ui-layout-header-menu-hover-background-color": e("--das-menu-color-fog-blue-9"),
+    "--das-ui-layout-header-menu-hover-color": e("--das-menu-color-fog-blue-1"),
+    "--das-ui-layout-header-menu-active-background-color": e("--das-menu-color-fog-blue-7"),
+    "--das-ui-layout-header-menu-active-color": e("--das-menu-color-fog-blue-1"),
+    "--das-ui-layout-header-menu-remove-btn-color": e("--das-menu-color-fog-blue-2"),
+    "--das-ui-layout-header-menu-remove-btn-hover-color": e("--das-menu-color-fog-blue-1")
+  }
 };
 x(L);
-const G = b(A), J = { title: "Menu-Header 水平导航栏" };
+const J = g(A), Q = { title: "Menu-Header 水平导航栏" };
 export {
-  G as DasMenuHeader,
-  J as default
+  J as DasMenuHeader,
+  Q as default
 };

package/packages/components/menu-header/src/Index.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:currentKey"?: ((value: any) => any) | undefined;
 }>, {
-    theme: "default" | "kjl" | "cjb" | "ssl";
+    theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
     menus: {
         code: string;
         name: string;

package/packages/components/menu-header/src/style-theme.d.ts

@@ -4,54 +4,63 @@ declare const _default: {
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-hover-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-hover-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-active-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-active-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-remove-btn-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
     '--das-ui-layout-header-menu-remove-btn-hover-color': {
         kjl: string;
         cjb: string;
         ssl: string;
         dkh: string;
+        qatar: string;
     };
 };
 export default _default;

package/packages/components/menu-header/src/type.d.ts

@@ -1,5 +1,5 @@
 export interface Props {
-  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
+  theme?: 'default' | 'kjl' | 'cjb' | 'ssl' | 'qatar'
   dir?: 'ltr' | 'rtl'
   height?: string | number
   menus: {

package/packages/components/menu-header/theme/base.d.ts

@@ -8,5 +8,16 @@ declare const _default: {
     '--das-ui-layout-header-menu-active-color': string;
     '--das-ui-layout-header-menu-remove-btn-color': string;
     '--das-ui-layout-header-menu-remove-btn-hover-color': string;
+    qatar: {
+        '--das-ui-layout-header-menu-border-color': string;
+        '--das-ui-layout-header-menu-background-color': string;
+        '--das-ui-layout-header-menu-color': string;
+        '--das-ui-layout-header-menu-hover-background-color': string;
+        '--das-ui-layout-header-menu-hover-color': string;
+        '--das-ui-layout-header-menu-active-background-color': string;
+        '--das-ui-layout-header-menu-active-color': string;
+        '--das-ui-layout-header-menu-remove-btn-color': string;
+        '--das-ui-layout-header-menu-remove-btn-hover-color': string;
+    };
 };
 export default _default;