dlt-for-react 2.0.2 → 2.0.3

package/README.md

@@ -8,7 +8,7 @@ npm publish
 
 ## 前端 dlt-for-react 依赖包版本更新记录
 
-##### 当前最新版本：2.0.2
+##### 当前最新版本：2.0.3
 
 ##### 安装依赖
 
@@ -16,9 +16,11 @@ npm publish
 
 ##### 版本修改记录
 
-#### V2.0.2—2024 年 3 月 15 日
+#### V2.0.3—2024 年 3 月 15 日
 
 1. 解决部分组件幻影依赖不存在的问题
+2. 解决全局样式影响项目地样式问题
+3. 解决部分样式被调用时不生效的问题
 
 #### V1.1.16~V2.0.1—2024 年 3 月 14 日
 

package/assets/HqImage/index.less

@@ -1,11 +1,11 @@
 :global {
-    .ant-upload-select-picture-card i {
-        font-size: 32px;
-        color: #999;
-    }
-    
-    .ant-upload-select-picture-card .xgui-picturewall-ant-upload-text {
-        margin-top: 8px;
-        color: #666;
-    }
-}
+  .ant-upload-select-picture-card i {
+    font-size: 32px;
+    color: #999;
+  }
+
+  .ant-upload-select-picture-card .dlt-picturewall-ant-upload-text {
+    margin-top: 8px;
+    color: #666;
+  }
+}

package/assets/HqTeaSelector/index.less

@@ -0,0 +1,6 @@
+:global {
+  .dlt-selector-tea-xmCss {
+    font-size: 14px;
+    color: black;
+  }
+}

package/assets/components/KyTable/index.less

@@ -58,13 +58,13 @@
       }
     }
   }
-  .xgui-table-searchDiv {
+  .dlt-table-searchDiv {
     margin-bottom: 16px;
   }
-  .xgui-table-searchDiv .ant-select-selection,
-  .xgui-table-searchDiv .ant-select-selection:active,
-  .xgui-table-searchDiv .ant-select-selection:focus,
-  .xgui-table-searchDiv .ant-select-selection:hover {
+  .dlt-table-searchDiv .ant-select-selection,
+  .dlt-table-searchDiv .ant-select-selection:active,
+  .dlt-table-searchDiv .ant-select-selection:focus,
+  .dlt-table-searchDiv .ant-select-selection:hover {
     border: none;
     outline: none;
     box-shadow: none;

package/assets/exception/index.less

@@ -1,25 +1,27 @@
-.exceptionContianer {
+:global {
+  .exceptionContianer {
     display: flex;
     align-items: center;
     min-height: 500px;
     height: 80%;
-    flex-direction: column; 
+    flex-direction: column;
     justify-content: center;
     .exceptionImg {
-        height: 360px;
-        width: 100%;
-        max-width: 540px;
-        background-repeat: no-repeat;
-        background-position: 50% 50%;
-        background-size: contain;
+      height: 360px;
+      width: 100%;
+      max-width: 540px;
+      background-repeat: no-repeat;
+      background-position: 50% 50%;
+      background-size: contain;
     }
     .exceptionImg403 {
-        background-image: url('./images/403.png');
+      background-image: url("./images/403.png");
     }
     .exceptionImg404 {
-        background-image: url('./images/404.png');
+      background-image: url("./images/404.png");
     }
     .exceptionImg500 {
-        background-image: url('./images/500.png');
+      background-image: url("./images/500.png");
     }
-}
+  }
+}

package/assets/layouts/settingDrawer/style.less

@@ -1,266 +1,263 @@
 @import "~antd/lib/style/themes/default.less";
+:global {
+  .dlt-setting-handler {
+    z-index: 999;
+    position: absolute;
+    top: 240px;
+    right: 425px;
+    width: 48px;
+    height: 48px;
+    line-height: 48px;
+    font-size: 16px;
+    text-align: center;
+    background: var(--primary-color);
+    border-radius: 4px 0 0 4px;
+    cursor: pointer;
+    pointer-events: auto;
+  }
 
-.handler {
-  z-index: 999;
-  position: absolute;
-  top: 240px;
-  right: 425px;
-  width: 48px;
-  height: 48px;
-  line-height: 48px;
-  font-size: 16px;
-  text-align: center;
-  background: var(--primary-color);
-  border-radius: 4px 0 0 4px;
-  cursor: pointer;
-  pointer-events: auto;
-}
+  .dlt-setting-content {
+    position: relative;
+    min-height: 100%;
+    background: #fff;
 
-.content {
-  position: relative;
-  min-height: 100%;
-  background: #fff;
+    .ant-list-item {
+      span {
+        flex: 1;
+      }
+    }
 
-  .ant-list-item {
-    span {
-      flex: 1;
+    .btnWarp {
+      display: flex;
+      justify-content: center;
     }
   }
 
-  .btnWarp {
-    display: flex;
-    justify-content: center;
+  .dlt-setting-title {
+    margin-bottom: 12px;
+    color: @heading-color;
+    font-size: 14px;
+    line-height: 22px;
   }
-}
-
-.title {
-  margin-bottom: 12px;
-  color: @heading-color;
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.block_checkbox {
-  display: flex;
-
-  .item {
-    position: relative;
-    margin-right: 16px;
-    border-radius: @border-radius-base;
-    cursor: pointer;
 
-    img {
-      width: 48px;
-    }
-  }
+  .dlt-setting-block_checkbox {
+    display: flex;
 
-  .item_box {
-    position: relative;
-    margin-right: 16px;
-    width: 44px;
-    height: 36px;
-    overflow: hidden;
-    background: #f0f2f5;
-    border-radius: @border-radius-base;
-    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 18%);
-    cursor: pointer;
+    .item {
+      position: relative;
+      margin-right: 16px;
+      border-radius: @border-radius-base;
+      cursor: pointer;
 
-    &::before {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 33%;
-      height: 100%;
-      background-color: #fff;
-      content: '';
+      img {
+        width: 48px;
+      }
     }
 
-    &::after {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 25%;
-      background-color: #fff;
-      content: '';
-    }
+    .item_box {
+      position: relative;
+      margin-right: 16px;
+      width: 44px;
+      height: 36px;
+      overflow: hidden;
+      background: #f0f2f5;
+      border-radius: @border-radius-base;
+      box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 18%);
+      cursor: pointer;
 
-    &.dark {
       &::before {
-        background-color: @layout-header-background;
-        content: '';
-        z-index: 1;
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 33%;
+        height: 100%;
+        background-color: #fff;
+        content: "";
       }
-    }
 
-    &.sidemenu {
-      &::before {
-        background-color: @layout-header-background;
-        content: '';
-        z-index: 1;
+      &::after {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 25%;
+        background-color: #fff;
+        content: "";
       }
-    }
 
-    &.topmenu {
-      &::before {
-        background-color: transparent;
-        content: '';
+      &.dark {
+        &::before {
+          background-color: @layout-header-background;
+          content: "";
+          z-index: 1;
+        }
       }
 
-      &::after {
-        background-color: @layout-header-background;
-        content: '';
-        z-index: 1;
+      &.sidemenu {
+        &::before {
+          background-color: @layout-header-background;
+          content: "";
+          z-index: 1;
+        }
       }
-    }
 
-    &.mixmenu {
-      &::before {
-        background-color: #fff;
-        content: '';
+      &.topmenu {
+        &::before {
+          background-color: transparent;
+          content: "";
+        }
+
+        &::after {
+          background-color: @layout-header-background;
+          content: "";
+          z-index: 1;
+        }
       }
 
-      &::after {
-        background-color: @layout-header-background;
-        content: '';
-        z-index: 1;
+      &.mixmenu {
+        &::before {
+          background-color: #fff;
+          content: "";
+        }
+
+        &::after {
+          background-color: @layout-header-background;
+          content: "";
+          z-index: 1;
+        }
       }
     }
-  }
 
-  .icon_selected {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    padding-top: 15px;
-    padding-left: 24px;
-    color: var(--primary-color);
-    font-weight: bold;
-    font-size: 14px;
+    .icon_selected {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 100%;
+      height: 100%;
+      padding-top: 15px;
+      padding-left: 24px;
+      color: var(--primary-color);
+      font-weight: bold;
+      font-size: 14px;
+    }
   }
-}
-
 
-// 颜色选择样式
-.ColorChangeBox {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.colorContentBox {
-  margin-bottom: 23px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-right: 11px;
-
-  // &:nth-child(3n) {
-  //   margin-right: 0px;
-  // }
-
-  >p {
-    margin-top: 8px;
-  }
-}
+  // 颜色选择样式
+  .dlt-setting-colorChangeBox {
+    display: flex;
+    flex-wrap: wrap;
+    .colorContentBox {
+      margin-bottom: 23px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      margin-right: 11px;
+
+      // &:nth-child(3n) {
+      //   margin-right: 0px;
+      // }
+
+      > p {
+        margin-top: 8px;
+      }
+    }
+    .colorBox {
+      width: 82px;
+      height: 77px;
+      opacity: 1;
+      background: rgba(158, 145, 255, 0.1);
+      border-radius: 4px;
+      position: relative;
+      padding: 21px 6px 6px 6px;
+      display: flex;
+      justify-content: space-between;
+
+      .colorHeader {
+        width: 82px;
+        height: 13px;
+        opacity: 1;
+        // background: #9e91ff;
+        border-radius: 4px 4px 0px 0px;
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
 
-.colorBox {
-  width: 82px;
-  height: 77px;
-  opacity: 1;
-  background: rgba(158, 145, 255, 0.10);
-  border-radius: 4px;
-  position: relative;
-  padding: 21px 6px 6px 6px;
-  display: flex;
-  justify-content: space-between;
+      .leftBox {
+        .whiteBox1 {
+          width: 24px;
+          height: 9px;
+          opacity: 1;
+          background: #ffffff;
+          border-radius: 2px;
+          margin-bottom: 3px;
+        }
+
+        .whiteBox2 {
+          width: 24px;
+          height: 38px;
+          opacity: 1;
+          background: #ffffff;
+          border-radius: 2px;
+        }
+      }
 
-  .colorHeader {
-    width: 82px;
-    height: 13px;
-    opacity: 1;
-    // background: #9e91ff;
-    border-radius: 4px 4px 0px 0px;
-    position: absolute;
-    top: 0;
-    left: 0;
+      .whiteBox3 {
+        width: 42px;
+        height: 50px;
+        opacity: 1;
+        background: #ffffff;
+        border-radius: 2px;
+      }
+    }
   }
 
-  .leftBox {
-    .whiteBox1 {
-      width: 24px;
-      height: 9px;
-      opacity: 1;
-      background: #ffffff;
-      border-radius: 2px;
-      margin-bottom: 3px;
-    }
+  // 字号选择
+  .dlt-setting-fontContent {
+    display: flex;
 
-    .whiteBox2 {
-      width: 24px;
-      height: 38px;
+    .fontContentBox {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 40px;
+      height: 40px;
       opacity: 1;
       background: #ffffff;
-      border-radius: 2px;
-    }
-  }
-
-  .whiteBox3 {
-    width: 42px;
-    height: 50px;
-    opacity: 1;
-    background: #ffffff;
-    border-radius: 2px;
-  }
-}
-
-// 字号选择
-.fontContent {
-  display: flex;
+      border: 1px solid #eff3f8;
+      border-radius: 4px;
+      margin-right: 25px;
 
-  .fontContentBox {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    height: 40px;
-    opacity: 1;
-    background: #ffffff;
-    border: 1px solid #eff3f8;
-    border-radius: 4px;
-    margin-right: 25px;
+      &.selected {
+        background: #397ef0;
+        border: 1px solid #397ef0;
+        border-radius: 4px;
+        color: #fff;
+      }
 
-    &.selected {
-      background: #397ef0;
-      border: 1px solid #397ef0;
-      border-radius: 4px;
-      color: #fff;
-    }
+      > p {
+        margin: 0;
+        padding: 0;
+      }
 
-    >p {
-      margin: 0;
-      padding: 0;
+      &:hover {
+        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
+        cursor: pointer;
+      }
     }
 
-    &:hover {
-      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
-      cursor: pointer;
+    .hint {
+      display: block;
+      opacity: 1;
+      font-size: 14px;
+      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
+      font-weight: 400;
+      text-align: left;
+      color: #397ef0;
+      line-height: 24px;
+      width: 40px;
+      text-align: center;
     }
   }
-
-  .hint {
-    display: block;
-    opacity: 1;
-    font-size: 14px;
-    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
-    font-weight: 400;
-    text-align: left;
-    color: #397ef0;
-    line-height: 24px;
-    width: 40px;
-    text-align: center;
-  }
-
-}
+}