dlt-for-react 2.0.2 → 2.0.4

package/assets/layouts/style.less

@@ -1,15 +1,15 @@
 @import "~antd/lib/style/themes/default.less";
-
-.xgui-layout-logo {
+:global {
+  .dlt-layout-logo {
     height: 64px;
     line-height: 64px;
     overflow: hidden;
     text-align: center;
     display: flex;
     align-items: center;
-}
+  }
 
-.xgui-layout-logoSpan {
+  .dlt-layout-logoSpan {
     text-align: left;
     color: white;
     display: block;
@@ -22,11 +22,11 @@
     font-family: Microsoft YaBai;
 
     &.light {
-        color: var(--primary-color);
+      color: var(--primary-color);
     }
-}
+  }
 
-.xgui-layout-breadcrumb {
+  .dlt-layout-breadcrumb {
     height: 64px;
     background: #fff;
     // margin: 1px 0;
@@ -34,12 +34,12 @@
     float: left;
 
     .ant-breadcrumb {
-        line-height: 64px;
-        text-indent: 20px;
+      line-height: 64px;
+      text-indent: 20px;
     }
-}
+  }
 
-.xgui-layout-breadcrumb_new {
+  .dlt-layout-breadcrumb_new {
     height: 40px;
     background: #fff;
     color: rgba(0, 0, 0, 0.45);
@@ -48,37 +48,37 @@
     padding: 0 20px;
 
     .ant-breadcrumb {
-        line-height: 40px;
+      line-height: 40px;
     }
-}
+  }
 
-.xgui-layout-action {
+  .dlt-layout-action {
     cursor: pointer;
     padding: 0 12px;
     display: inline-block;
-    transition: all .3s;
+    transition: all 0.3s;
     height: 100%;
 
     &.dark {
-        color: #fff;
+      color: #fff;
 
-        &:hover {
-            color: #333;
-        }
+      &:hover {
+        color: #333;
+      }
     }
-}
+  }
 
-.xgui-layout-action:hover {
+  .dlt-layout-action:hover {
     background: #e6f7ff;
-}
+  }
 
-.xgui-layout-sider {
+  .dlt-layout-sider {
     .ant-layout-sider-children {
-        position: relative;
+      position: relative;
     }
-}
+  }
 
-.xgui-sider-btn-fixed {
+  .dlt-sider-btn-fixed {
     position: absolute;
     right: -12px;
     top: 28px;
@@ -87,10 +87,10 @@
     background-color: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 50%;
-    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
-    -webkit-transition: all .1s ease-in-out;
-    transition: all .1s ease-in-out;
+    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    -webkit-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
     font-size: 12px;
     text-align: center;
     line-height: 24px;
@@ -99,10 +99,9 @@
     justify-content: center;
     cursor: pointer;
     z-index: 9999;
-}
-
+  }
 
-.xgui-layout-menu-version {
+  .dlt-layout-menu-version {
     color: #fff;
     position: absolute;
     bottom: 0;
@@ -110,9 +109,9 @@
     margin-left: 48px;
     width: 100%;
     font-size: 12px;
-}
+  }
 
-.xgui-layout-header {
+  .dlt-layout-header {
     position: relative;
     width: 100%;
     height: @layout-header-height;
@@ -120,31 +119,31 @@
     transition: background 0.3s, width 0.2s;
 
     &.light {
-        background-color: #fff;
+      background-color: #fff;
 
-        .xgui-layout-topHeader-logoSpan {
-            color: var(--primary-color);
+      .dlt-layout-topHeader-logoSpan {
+        color: var(--primary-color);
 
-            &.topLight {
-                color: var(--primary-color) !important;
-            }
+        &.topLight {
+          color: var(--primary-color) !important;
         }
+      }
     }
 
     // 固定宽度默认1200px
     .fixedWidth {
-        width: 1200px;
-        margin: 0 auto;
+      width: 1200px;
+      margin: 0 auto;
     }
 
-    &.xgui-layout-maxTop {
-        background-color: var(--primary-color, '#397ef0');
-        color: #fff;
+    &.dlt-layout-maxTop {
+      background-color: var(--primary-color, "#397ef0");
+      color: #fff;
     }
-}
+  }
 
-// topMenu样式
-.xgui-layout-topHeader {
+  // topMenu样式
+  .dlt-layout-topHeader {
     height: @layout-header-height;
     line-height: @layout-header-height;
     display: flex;
@@ -152,119 +151,119 @@
     justify-content: flex-start;
 
     .ant-menu-submenu.ant-menu-submenu-horizontal {
-        height: 100%;
-        line-height: @layout-header-height;
+      height: 100%;
+      line-height: @layout-header-height;
 
-        .ant-menu-submenu-title {
-            height: 100%;
-        }
+      .ant-menu-submenu-title {
+        height: 100%;
+      }
     }
 
-    .ant-menu-horizontal>.ant-menu-item,
-    .ant-menu-horizontal>.ant-menu-submenu {
-        height: 100%;
-        line-height: @layout-header-height;
+    .ant-menu-horizontal > .ant-menu-item,
+    .ant-menu-horizontal > .ant-menu-submenu {
+      height: 100%;
+      line-height: @layout-header-height;
     }
 
-    .xgui-layout-topHeader-logo {
-        height: 64px;
-        line-height: 64px;
-        overflow: hidden;
-        text-align: left;
-        // float: left;
-        padding-left: 12px;
-        display: flex;
+    .dlt-layout-topHeader-logo {
+      height: 64px;
+      line-height: 64px;
+      overflow: hidden;
+      text-align: left;
+      // float: left;
+      padding-left: 12px;
+      display: flex;
     }
 
-    .xgui-layout-topHeader-logoSpan {
-        text-align: left;
-        color: white;
-        height: @layout-header-height;
-        line-height: @layout-header-height;
-        font-size: 20px;
-        padding: 0 10px;
-        font-family: Microsoft YaBai;
-
-        &.light {
-            color: var(--primary-color);
-        }
+    .dlt-layout-topHeader-logoSpan {
+      text-align: left;
+      color: white;
+      height: @layout-header-height;
+      line-height: @layout-header-height;
+      font-size: 20px;
+      padding: 0 10px;
+      font-family: Microsoft YaBai;
+
+      &.light {
+        color: var(--primary-color);
+      }
     }
 
     &.mixmenu-topHeader {
-        .xgui-layout-breadcrumb {
-            // background: @layout-header-background;
-            background-color: #fff;
-            color: rgba(0, 0, 0, 0.45);
-
-            .ant-breadcrumb {
-                // color: #ffffff;
-                color: rgba(0, 0, 0, 0.45);
-            }
-
-            .ant-breadcrumb>span:last-child {
-                // color: #ffffff;
-                color: rgba(0, 0, 0, 0.45);
-            }
-
-            .ant-breadcrumb-separator {
-                // color: #ffffff;
-                color: rgba(0, 0, 0, 0.45);
-            }
-        }
+      .dlt-layout-breadcrumb {
+        // background: @layout-header-background;
+        background-color: #fff;
+        color: rgba(0, 0, 0, 0.45);
 
-        .xgui-layout-topHeader-logo {
-            display: flex;
-            align-items: center;
+        .ant-breadcrumb {
+          // color: #ffffff;
+          color: rgba(0, 0, 0, 0.45);
         }
 
-        .xgui-layout-topHeader-logoSpan {
-            color: #fff !important;
-            font-weight: bolder;
-            padding: 0;
+        .ant-breadcrumb > span:last-child {
+          // color: #ffffff;
+          color: rgba(0, 0, 0, 0.45);
         }
 
-        .xgui-layout-topHeader-divider {
-            width: 1px;
-            height: 14px;
-            opacity: 1;
-            border: 1px solid #fafafa;
-            margin: 0 14px;
+        .ant-breadcrumb-separator {
+          // color: #ffffff;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
 
-            &.topLight {
-                border-color: var(--primary-color);
-            }
+      .dlt-layout-topHeader-logo {
+        display: flex;
+        align-items: center;
+      }
+
+      .dlt-layout-topHeader-logoSpan {
+        color: #fff !important;
+        font-weight: bolder;
+        padding: 0;
+      }
+
+      .dlt-layout-topHeader-divider {
+        width: 1px;
+        height: 14px;
+        opacity: 1;
+        border: 1px solid #fafafa;
+        margin: 0 14px;
+
+        &.topLight {
+          border-color: var(--primary-color);
         }
+      }
     }
-}
+  }
 
-.xgui-custom-header {
+  .dlt-custom-header {
     display: flex;
     height: 100%;
-}
+  }
 
-.headerLeft {
+  .headerLeft {
     width: calc(~"100% - 140px");
-}
+  }
 
-.headerRight {
+  .headerRight {
     width: 140px;
-}
-
-.headerLeft-menu {
+  }
 
+  .headerLeft-menu {
     width: calc(~"100% - 250px");
-}
+  }
 
-//fixHeader
-.xgui-layout-fixedHeader {
+  //fixHeader
+  .dlt-layout-fixedHeader {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 1000;
     width: 100%;
     transition: width 0.2s;
-}
+  }
 
-.xgui-layout-fixHeader-content {
+  .dlt-layout-fixHeader-content {
     padding-top: @layout-header-height;
-}
+  }
+}

package/assets/login/index.less

@@ -1,117 +1,115 @@
-.xgui-login-container {
+:global {
+  .dlt-login-container {
     min-height: 100%;
     background: url(./images/bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     flex-direction: column;
-}
+  }
 
-.xgui-login-content {
+  .dlt-login-content {
     padding: 210px 0 24px;
     // flex: 1;
-}
+  }
 
-.xgui-login-main {
+  .dlt-login-main {
     width: 368px;
     margin: 0 auto;
-}
+  }
 
-.xgui-login-submit {
+  .dlt-login-submit {
     width: 100%;
     margin-top: 24px;
-}
-
+  }
 
-.xgui-login-getCaptcha {
+  .dlt-login-getCaptcha {
     display: block;
     width: 100%;
-}
-
+  }
 
-@itemHeight: 48px;
+  @itemHeight: 48px;
 
-/**  新版学工UI样式  **/
-.xgui-newLogin {
+  /**  新版学工UI样式  **/
+  .dlt-newLogin {
     height: 100vh;
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     flex-direction: column;
     position: relative;
-}
+  }
 
-.xgui-newlogin-content {}
+  .dlt-newlogin-content {
+  }
 
-.xgui-loginMain {
+  .dlt-loginMain {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-around;
     margin-top: 60px;
     z-index: 2;
-}
+  }
 
-.xgui-login-loginWarp {
+  .dlt-login-loginWarp {
     width: 500px;
     // height: 600px;
-    background: #FFFFFF;
+    background: #ffffff;
     opacity: 0.9;
     border-radius: 8px;
     padding: 20px 69px 40px 69px;
 
     .ant-input {
-        height: @itemHeight;
+      height: @itemHeight;
     }
 
     .verify-bar .icon {
-        width: 64px !important;
-        height: @itemHeight !important;
-        background-size: 50px 46px !important;
+      width: 64px !important;
+      height: @itemHeight !important;
+      background-size: 50px 46px !important;
     }
 
     .verify-tips {
-        font-size: 16px !important;
+      font-size: 16px !important;
     }
 
     .verify-success-tips {
-        color: #11D1A3 !important;
-        font-size: 16px !important;
+      color: #11d1a3 !important;
+      font-size: 16px !important;
 
-        >span {
-            display: none !important;
-        }
+      > span {
+        display: none !important;
+      }
     }
 
     .welcomeMsg {
-        font-size: 36px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #000000;
-        opacity: 0.85;
-        margin-bottom: 46px;
+      font-size: 36px;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      color: #000000;
+      opacity: 0.85;
+      margin-bottom: 46px;
     }
 
     .captchaItem {
-        .captcha_input {
-            width: 58%;
-            float: left;
-        }
-
-        .captcha_value {
-            width: 40%;
-            height: 100%;
-            margin-left: 2%;
-            border-radius: 6px;
-            overflow: hidden;
-            border: 1px solid #d9d9d9;
-        }
+      .captcha_input {
+        width: 58%;
+        float: left;
+      }
+
+      .captcha_value {
+        width: 40%;
+        height: 100%;
+        margin-left: 2%;
+        border-radius: 6px;
+        overflow: hidden;
+        border: 1px solid #d9d9d9;
+      }
     }
+  }
 
-
-}
-
-// 登录页标题
-.xgui-login-title {
+  // 登录页标题
+  .dlt-login-title {
     text-align: left;
     display: flex;
     align-items: center;
@@ -119,52 +117,52 @@
 
     // padding-left: 195px;
     .logo {
-        max-width: 300px;
-        max-height: 100px;
+      max-width: 300px;
+      max-height: 100px;
     }
 
     .split {
-        width: 1px;
-        height: 38px;
-        background: #FFFFFF;
-        opacity: 0.8;
-        margin: 0 21px;
+      width: 1px;
+      height: 38px;
+      background: #ffffff;
+      opacity: 0.8;
+      margin: 0 21px;
     }
 
     .titleContnet {
-        color: #fff;
-        font-size: 36px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #FFFFFF;
-        line-height: 26px;
+      color: #fff;
+      font-size: 36px;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      color: #ffffff;
+      line-height: 26px;
     }
-}
+  }
 
-.xgui-login-slogan {
+  .dlt-login-slogan {
     color: #fff;
 
     .sloganTitle {
-        font-size: 54px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #FFFFFF;
+      font-size: 54px;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      color: #ffffff;
     }
 
     .slogan {
-        font-size: 32px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #FFFFFF;
+      font-size: 32px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #ffffff;
     }
-}
+  }
 
-.xgui-nwelogin-submit {
+  .dlt-nwelogin-submit {
     width: 100%;
     height: @itemHeight;
-}
+  }
 
-.xgui-nwelogin-recomment {
+  .dlt-nwelogin-recomment {
     margin-top: 24px;
     display: flex;
     align-items: center;
@@ -174,24 +172,25 @@
     color: #666666;
 
     span {
-        margin-right: 10px;
+      margin-right: 10px;
     }
 
     img {
-        margin-right: 10px;
+      margin-right: 10px;
     }
-}
+  }
 
-.xgui-nwelogin-copyright {
+  .dlt-nwelogin-copyright {
     position: fixed;
     bottom: 26px;
     font-size: 14px;
     font-family: Source Han Sans CN;
     font-weight: 400;
-    color: #FFFFFF;
+    color: #ffffff;
     line-height: 26px;
     opacity: 0.8;
     padding-top: 10px;
     width: 100%;
     text-align: center;
-}
+  }
+}

package/lib/components/HqImage/index.js

@@ -466,7 +466,7 @@ var HqImage = function (_React$Component) {
         _react2.default.createElement(_icon2.default, { type: "plus" }),
         _react2.default.createElement(
           "div",
-          { className: "xgui-picturewall-ant-upload-text" },
+          { className: "dlt-picturewall-ant-upload-text" },
           "Upload"
         )
       );

package/lib/components/HqInputPicker/setting-multiSelect.js

@@ -94,6 +94,8 @@ var _inputConst = require("./input-const");
 
 var _HqSelect = require("../HqSelect");
 
+var _HqSelect2 = _interopRequireDefault(_HqSelect);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RadioGroup = _radio2.default.Group;
@@ -433,7 +435,7 @@ var SettingMultiSelect = function (_React$Component) {
           _react2.default.createElement(
             _col2.default,
             { span: 18 },
-            showSelectFlag && _react2.default.createElement(_HqSelect.HqSelect, {
+            showSelectFlag && _react2.default.createElement(_HqSelect2.default, {
               style: { marginLeft: 6, width: "200px" },
               onChange: this.selectChange,
               value: baseUrl,