@deppon/deppon-template 2.4.9 → 2.4.12

package/es/pro-layout/ProLayout.vue.css

@@ -1657,7 +1657,7 @@ body .el-overlay-dialog,
   margin: 0 6px;
   padding: 0 6px;
   /* 覆盖 Element Plus：.el-menu-item [class^=el-icon] 的 margin-right，间距改由 label 的 gap 控制 */
-  /* 首项（工作台）：浅灰底、紧凑内边距，字与图标近黑、同一水平线 */
+  /* 首项（工作台）：极浅底、紧凑内边距；选中与顶栏其它项一致用主题色 */
   /* 其余项选中：加粗、近黑字；下划线挂在菜单项上，绝对定位不占布局、不挡选中背景 */
 }
 .pro-layout__top-menu-glass {
@@ -1798,8 +1798,8 @@ body .el-overlay-dialog,
   padding: 0 8px !important;
   margin: 0 2px !important;
   border-radius: 8px !important;
-  background: rgba(0, 0, 0, 0.06) !important;
-  color: rgba(0, 0, 0, 0.92) !important;
+  background: var(--el-fill-color-lighter, #fafafa) !important;
+  color: rgba(0, 0, 0, 0.88) !important;
   font-weight: 500 !important;
 }
 .pro-layout__top-menu  .el-menu-item.pro-layout__top-menu-item--lead:not(.pro-layout__top-menu-divider) .pro-layout__top-menu-item-label {
@@ -1807,24 +1807,25 @@ body .el-overlay-dialog,
   align-items: center !important;
 }
 .pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead:not(.is-active):hover:not(.pro-layout__top-menu-divider) {
-  background: rgba(0, 0, 0, 0.078) !important;
-  color: #000 !important;
+  background: var(--el-fill-color-light, #f5f7fa) !important;
+  color: rgba(0, 0, 0, 0.92) !important;
 }
 .pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead.is-active {
-  background: rgba(0, 0, 0, 0.085) !important;
-  color: #000 !important;
+  background: var(--el-color-primary-light-9, #ecf5ff) !important;
+  color: var(--el-color-primary, #409eff) !important;
   font-weight: 600 !important;
   box-shadow: none !important;
 }
 .pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-icon {
   font-size: 16px !important;
-  color: rgba(0, 0, 0, 0.88) !important;
+  color: rgba(0, 0, 0, 0.55) !important;
 }
 .pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-icon svg {
   fill: currentColor !important;
 }
-.pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon {
-  color: #000 !important;
+.pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon,
+.pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon svg {
+  color: var(--el-color-primary, #409eff) !important;
 }
 .pro-layout__top-menu .el-menu-item.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-text {
   color: inherit !important;
@@ -1833,17 +1834,17 @@ body .el-overlay-dialog,
   padding: 0 8px !important;
   margin: 0 2px !important;
   border-radius: 8px !important;
-  background: rgba(0, 0, 0, 0.06) !important;
-  color: rgba(0, 0, 0, 0.92) !important;
+  background: var(--el-fill-color-lighter, #fafafa) !important;
+  color: rgba(0, 0, 0, 0.88) !important;
   font-weight: 500 !important;
 }
 .pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead:not(.is-active):hover > .el-sub-menu__title {
-  background: rgba(0, 0, 0, 0.078) !important;
-  color: #000 !important;
+  background: var(--el-fill-color-light, #f5f7fa) !important;
+  color: rgba(0, 0, 0, 0.92) !important;
 }
 .pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead.is-active > .el-sub-menu__title {
-  background: rgba(0, 0, 0, 0.085) !important;
-  color: #000 !important;
+  background: var(--el-color-primary-light-9, #ecf5ff) !important;
+  color: var(--el-color-primary, #409eff) !important;
   font-weight: 600 !important;
 }
 .pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-label {
@@ -1852,13 +1853,14 @@ body .el-overlay-dialog,
 }
 .pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-icon {
   font-size: 16px !important;
-  color: rgba(0, 0, 0, 0.88) !important;
+  color: rgba(0, 0, 0, 0.55) !important;
 }
 .pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead .pro-layout__top-menu-item-icon svg {
   fill: currentColor !important;
 }
-.pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon {
-  color: #000 !important;
+.pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon,
+.pro-layout__top-menu .el-sub-menu.pro-layout__top-menu-item--lead.is-active .pro-layout__top-menu-item-icon svg {
+  color: var(--el-color-primary, #409eff) !important;
 }
 .pro-layout__top-menu .el-menu-item.is-active:not(.pro-layout__top-menu-divider):not(.pro-layout__top-menu-item--lead) {
   position: relative !important;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@deppon/deppon-template",
-    "version": "2.4.9",
+    "version": "2.4.12",
     "main": "es/index.js",
     "module": "es/index.js",
     "typings": "es/index.d.ts",
@@ -43,11 +43,11 @@
         "less": "^4.2.0"
     },
     "dependencies": {
-        "@deppon/deppon-assets": "2.4.9",
-        "@deppon/deppon-request": "2.4.9",
-        "@deppon/deppon-router": "2.4.9",
-        "@deppon/deppon-ui": "2.4.9",
-        "@deppon/deppon-utils": "2.4.9",
+        "@deppon/deppon-assets": "2.4.12",
+        "@deppon/deppon-request": "2.4.12",
+        "@deppon/deppon-router": "2.4.12",
+        "@deppon/deppon-ui": "2.4.12",
+        "@deppon/deppon-utils": "2.4.12",
         "dayjs": "^1.11.10",
         "lodash-es": "^4.17.21",
         "mitt": "^3.0.1"