dlt-for-react 1.1.16 → 1.1.17

package/README.md

@@ -8,7 +8,7 @@ npm publish
 
 ## 前端 dlt-for-react 依赖包版本更新记录
 
-##### 当前最新版本：1.1.14
+##### 当前最新版本：1.1.17
 
 ##### 安装依赖
 
@@ -16,6 +16,22 @@ npm publish
 
 ##### 版本修改记录
 
+#### V1.1.17—2024 年 3 月 14 日
+
+1. 新增 HqConfirm 组件
+2. 新增 HqSelect 组件
+3. 新增 HqFormItem 组件
+4. 新增 HqCheckBox 组件
+5. 新增 HqCheckButton 组件
+6. 新增 HqImage 组件
+7. 新增 HqCascader 组件
+8. 新增 HqStuSelector 组件
+9. 新增 HqTeaSelector 组件
+10. 新增 HqMultiSelect 组件
+11. 将 KyInputRender 组件 更名为 HqInputRender 组件
+12. 将 KyInputPicker 组件 更名为 HqInputPicker 组件
+13. 初步将 xgui-for-react 依赖组件移除
+
 #### V1.1.15—2024 年 3 月 1 日
 
 1. 新增 KyECharts 组件

package/assets/HqCheckButton/index.less

@@ -0,0 +1,13 @@
+:global(.check-Button) button {
+    min-width: 90px;
+    padding: 0 12px;
+    margin: 0 8px 8px 0;
+    border-radius: 16px;
+}   
+:global(.check-Button) {
+    .check-Button-disabled:hover,
+    .check-Button-disabled:focus,
+    .check-Button-disabled:active{
+        cursor: not-allowed;
+    }
+} 

package/assets/HqImage/index.less

@@ -0,0 +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;
+    }
+}

package/assets/HqInputPicker/index.less

@@ -0,0 +1,8 @@
+.avatar-uploader > .ant-upload {
+    width: 128px;
+    height: 128px;
+}
+.ant-upload-list-item-card-actions {
+    position: absolute;
+    right: 0;
+}

package/assets/selector/resultview/index.less

@@ -0,0 +1,53 @@
+:global {
+  .dlt-selector-resultview-showDiv {
+    margin-bottom: 5px;
+    position: relative;
+  }
+
+  .dlt-selector-resultview-showContentDiv {
+    border: 1px solid grey;
+    width: -moz-calc(~"100% - 2px");
+    width: -webkit-calc(~"100% - 2px");
+    width: calc(~"100% - 2px");
+    padding: 2px 5px;
+    border-radius: 5px;
+  }
+
+  .dlt-selector-resultview-close {
+    position: absolute;
+    top: 7px;
+    right: 5px;
+    display: none !important;
+  }
+
+  .dlt-selector-resultview-showDiv:hover .dlt-selector-resultview-close {
+    display: inline !important;
+  }
+
+  .dlt-selector-resultview-bottomShowDiv {
+    width: -moz-calc(~"100% - 250px");
+    width: -webkit-calc(~"100% - 250px");
+    width: calc(~"100% - 250px");
+    float: left;
+    height: 30px;
+    line-height: 30px;
+    text-align: left;
+    padding-left: 10px;
+  }
+
+  .dlt-selector-resultview-bottomBt {
+    font-weight: bold;
+    font-size: 17px;
+    color: rgb(24, 144, 255);
+  }
+
+  .dlt-selector-resultview-bottomResult {
+    color: black;
+    font-size: 14px;
+  }
+
+  .dlt-selector-resultview-bottomNoSelect {
+    color: grey;
+    font-size: 14px;
+  }
+}

package/assets/selector/selectormodal/index.less

@@ -0,0 +1,15 @@
+:global {
+  .dlt-selector-vertical-center-modal .ant-modal-body {
+    padding: 0px;
+  }
+  .dlt-selector-vertical-center-modal .ant-modal-header {
+    padding: 10px 24px;
+  }
+  .dlt-selector-vertical-center-modal .ant-modal-close-x {
+    height: 42px;
+    line-height: 42px;
+  }
+  .dlt-selector-vertical-center-modal .ant-modal-footer {
+    padding: 5px 10px;
+  }
+}

package/assets/selector/table/index.less

@@ -0,0 +1,211 @@
+:global {
+  .dlt-selector-vertical-center-modal .ant-table-pagination.ant-pagination {
+    margin: 9px 0;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .dlt-selector-table-searchDiv
+    .ant-select-selection,
+  .dlt-selector-vertical-center-modal
+    .dlt-selector-table-searchDiv
+    .ant-select-selection:active,
+  .dlt-selector-vertical-center-modal
+    .dlt-selector-table-searchDiv
+    .ant-select-selection:focus,
+  .dlt-selector-vertical-center-modal
+    .dlt-selector-table-searchDiv
+    .ant-select-selection:hover {
+    border: none;
+    outline: none;
+    box-shadow: none;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-fixed-header
+    .ant-table-scroll
+    .ant-table-header {
+    margin-bottom: 0px !important;
+    overflow-x: hidden !important;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 8px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-body
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 8px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 8px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-header {
+    overflow: auto;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-body {
+    overflow: auto !important;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-body-outer
+    > .ant-table-body-inner {
+    overflow: auto !important;
+    margin-top: -2px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-body-outer
+    > .ant-table-body-inner {
+    overflow: auto !important;
+    margin-top: -2px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-body
+    table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 5px 8px;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right {
+    height: 100%;
+    right: 1px;
+    padding-right: 2px;
+    background: white;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left {
+    height: 100%;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-header {
+    border-left: 1px solid #e8e8e8;
+    border-bottom: 1px solid #e8e8e8;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-header {
+    border-right: 1px solid #e8e8e8;
+    border-bottom: 1px solid #e8e8e8;
+    border-left: 1px solid #e8e8e8;
+  }
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    .ant-table-tbody
+    > tr
+    > td:last-child {
+    border-right: 1px solid #e8e8e8 !important;
+  }
+}

package/assets/selector/tree/index.less

@@ -0,0 +1,138 @@
+:global {
+  .dlt-selector-tree-searchInput {
+    margin: 0 5px;
+    padding: 0;
+    width: 190px;
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+    transition: all linear 0.5s;
+    text-indent: 10px;
+  }
+
+  .dlt-selector-tree-searchInput:active,
+  .dlt-selector-tree-searchInput:focus,
+  .dlt-selector-tree-searchInput:hover {
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+  }
+
+  .dlt-selector-vertical-center-modal .ant-tree li span.ant-tree-switcher,
+  .dlt-selector-vertical-center-modal .ant-tree li span.ant-tree-iconEle {
+    line-height: 16px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .dlt-selector-tree-div
+    .ant-input-search
+    .ant-input {
+    border: 0px;
+    box-shadow: none;
+  }
+  .dlt-selector-vertical-center-modal .dlt-selector-tree-div .ant-tree li ul {
+    padding: 0 0 0 14px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 4px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-scroll
+    > .ant-table-body
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 7px 4px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 4px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-left
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 7px 4px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-header
+    > table
+    > .ant-table-thead
+    > tr
+    > th {
+    padding: 9px 4px;
+  }
+
+  .dlt-selector-vertical-center-modal
+    .ant-table-small
+    > .ant-table-content
+    > .ant-table-fixed-right
+    > .ant-table-body-outer
+    > .ant-table-body-inner
+    > table
+    > .ant-table-tbody
+    > tr
+    > td {
+    padding: 7px 4px;
+  }
+
+  .dlt-selector-tree-searchHeader {
+    width: 100%;
+    text-align: right;
+    line-height: 40px;
+  }
+  .dlt-selector-tree-load-div {
+    width: 90%;
+    margin: 20px auto;
+    border: 1px solid #91d5ff;
+    text-align: center;
+    border-radius: 5px;
+    line-height: 40px;
+  }
+  .tooltip_div .ant-tooltip-inner {
+    max-width: 250px;
+    padding: 6px 8px;
+    color: #91d5ff;
+    text-align: left;
+    text-decoration: none;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #91d5ff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    min-height: 32px;
+  }
+}

package/assets/stuSelector/index.less

@@ -0,0 +1,24 @@
+:global {
+  .dlt-selector-stu-list-div {
+    padding-left: 10px;
+    float: left;
+  }
+  .dlt-selector-stu-list-div > .dlt-selector-basic-data-div {
+    color: black;
+    font-size: 16px;
+    text-align: left;
+  }
+  .dlt-selector-stu-list-div > .dlt-selector-else-data-div {
+    color: #a3a3a3;
+    padding-left: 12px;
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 450px;
+    white-space: nowrap;
+  }
+  .dlt-selector-stu-xmCss {
+    font-size: 14px;
+    color: black;
+  }
+}

package/assets/teaSelector/index.less

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