@deppon/deppon-template 2.4.8 → 2.4.10

package/es/pro-form/ProForm.vue.css

@@ -1632,7 +1632,7 @@ body .el-overlay-dialog,
   height: 100% !important;
   display: block !important;
 }
-:.pro-form-item-edit-as-readonly .el-form-item__label {
+.pro-form-item-edit-as-readonly .el-form-item__label {
   justify-content: flex-start !important;
   text-align: left !important;
   width: auto !important;
@@ -1641,19 +1641,19 @@ body .el-overlay-dialog,
   flex: 0 0 auto !important;
   padding-right: 12px !important;
 }
-:.pro-form-item-edit-as-readonly.el-form-item .el-form-item__label {
+.pro-form-item-edit-as-readonly.el-form-item .el-form-item__label {
   width: auto !important;
   min-width: auto !important;
   max-width: none !important;
   flex: 0 0 auto !important;
 }
-:.pro-form-item-edit-as-readonly.el-form-item .el-form-item__content {
+.pro-form-item-edit-as-readonly.el-form-item .el-form-item__content {
   flex: 1 1 auto !important;
   margin-left: 0 !important;
 }
 /* edit-as-readonly 的上下间距应与正常编辑态保持一致，这里不做额外覆盖 */
-:.pro-form-item-edit-as-readonly .el-form-item__label,
-:.pro-form-item-edit-as-readonly .pro-form-label-text,
-:.pro-form-item-edit-as-readonly .pro-form-label-wrapper {
+.pro-form-item-edit-as-readonly .el-form-item__label,
+.pro-form-item-edit-as-readonly .pro-form-label-text,
+.pro-form-item-edit-as-readonly .pro-form-label-wrapper {
   color: var(--el-text-color-primary, #303133) !important;
 }

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.8",
+    "version": "2.4.10",
     "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.8",
-        "@deppon/deppon-request": "2.4.8",
-        "@deppon/deppon-router": "2.4.8",
-        "@deppon/deppon-ui": "2.4.8",
-        "@deppon/deppon-utils": "2.4.8",
+        "@deppon/deppon-assets": "2.4.10",
+        "@deppon/deppon-request": "2.4.10",
+        "@deppon/deppon-router": "2.4.10",
+        "@deppon/deppon-ui": "2.4.10",
+        "@deppon/deppon-utils": "2.4.10",
         "dayjs": "^1.11.10",
         "lodash-es": "^4.17.21",
         "mitt": "^3.0.1"