dlt-for-react 1.0.2 → 1.0.4

package/README.md

@@ -6,12 +6,17 @@ npm publish
 
 ## 前端dlt-for-react依赖包版本更新记录
 
-##### 当前最新版本：1.0.2
+##### 当前最新版本：1.0.4
 
 ##### 安装依赖
 > cnpm install dlt-for-react --save
 
 ##### 版本修改记录
+
+#### V1.0.4—2023年9月28日
+1. 补充KyBtnBox、KyCheckBox、KyCheckButton、KyCollapse、KyContainerFrame、KyEditableTable、KyEmpty、KyExcel、KyIcon、KyMore、KyTable及KyTitle组件
+#### V1.0.3—2023年9月28日
+1. 补充KyInputPicker、KyModal、KyUpload及KyPreview组件
 #### V1.0.2—2023年9月27日
 1. 初始化组件
 ## 发布

package/assets/components/KyCheckButton/index.less

@@ -0,0 +1,23 @@
+.check button {
+    height: 28px;
+    line-height: 28px;
+    min-width: 60px;
+    padding: 0 8px;
+    border-radius: 4px;
+    border-color: transparent;
+}
+
+.check button:hover {
+    border-color: #1890ff;
+    background-color: #fff;
+}
+
+.check button:global(.ant-btn-primary) {
+    background-color: #e6f7ff;
+    color: #1890ff;
+    border-color: #e6f7ff;
+}
+
+.check button:global {
+    border-radius: 0px !important;
+}

package/assets/components/KyCollapse/index.less

@@ -0,0 +1,15 @@
+:global {
+  .KyCollapse {
+    .ant-collapse-borderless {
+      background-color: #fff;
+    }
+
+    .ant-collapse > .ant-collapse-item {
+      border: 0;
+    }
+
+    .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+      padding: 0;
+    }
+  }
+}

package/assets/components/KyContainerFrame/index.less

@@ -0,0 +1,21 @@
+:global {
+  .KyContainerFrame {
+    background-color: white;
+
+    .header {
+      width: 100%;
+      // padding: 10px 16px;
+      padding-bottom: 16px;
+
+      .title {
+        font-size: 18px;
+        color: #333;
+        line-height: 32px;
+      }
+
+      .button {
+        text-align: right;
+      }
+    }
+  }
+}

package/assets/components/KyEditableTable/index.less

@@ -0,0 +1,116 @@
+/* /  component > index.less  / */
+@TR_COLOR: #f9f9f9;
+@BUTTON_COLOR: #1890ff;
+
+:global {
+  .self-editable-table {
+    .ant-table-small>.ant-table-content>.ant-table-body {
+      margin: 0;
+    }
+
+    .ant-table {
+      border-radius: 3px;
+    }
+
+    .editableTable-item-required::before {
+      display: inline-block;
+      margin-right: 4px;
+      color: #f5222d;
+      font-weight: 500;
+      font-size: 14px;
+      font-family: SimSun, sans-serif;
+      line-height: 1;
+      content: '*';
+    }
+  }
+
+  .operation {
+    margin-bottom: 16px;
+  }
+}
+
+.self-editable-table {
+  .ant-table-thead {
+    th {
+      padding: 13px 8px !important;
+      // height          : 52px !important;
+      background-color: @TR_COLOR  !important;
+    }
+  }
+
+  .ant-table-small>.ant-table-content>.ant-table-body {
+    margin: 0;
+  }
+
+  .ant-table-tbody {
+    td {
+      position: relative;
+      max-width: 234px;
+      padding: 13px 8px !important;
+
+      .ellipsis_dom {
+        float: left;
+        max-width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    tr {
+      .ant-form-item-control {
+        line-height: 100%;
+      }
+
+      &:nth-child(even) {
+        background-color: @TR_COLOR;
+      }
+    }
+  }
+
+  .self-editable-row .ant-form-explain {
+    position: absolute;
+    font-size: 12px;
+  }
+
+  .ant-input,
+  .ant-select-disabled .ant-select-selection {
+    background: transparent;
+    border: 0;
+  }
+
+  .ant-table-header-column {
+    color: #262626;
+    font-weight: bold;
+    font-family: inherit;
+  }
+
+  .ant-table-column-title {
+    font-weight: bold;
+  }
+
+  .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
+  .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
+  .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
+  .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+    background-color: #f0f0f0 !important;
+  }
+
+  .ant-pagination-item-active {
+    background: #f0f0f0;
+    border-color: transparent;
+  }
+
+  .ant-table-pagination.ant-pagination {
+    float: unset;
+    text-align: center;
+  }
+
+  .option_btns {
+    margin-right: 12px;
+
+    & a {
+      color: @BUTTON_COLOR;
+    }
+  }
+}

package/assets/components/KyEmpty/index.less

@@ -0,0 +1,8 @@
+:global {
+  .ky-empty {
+    padding: 10px;
+    color: #999;
+    font-size: 14px;
+    text-align: center;
+  }
+}

package/assets/components/KyIcon/index.less

@@ -0,0 +1,6 @@
+:global {
+  .ky-icon {
+    width: 64px;
+    height: 64px;
+  }
+}

package/assets/components/KyInputPicker/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/components/KyModal/index.less

@@ -0,0 +1,21 @@
+:global {
+  .vertical-center-modal {
+    white-space: nowrap;
+    text-align: center;
+  }
+
+  .vertical-center-modal:before {
+    display: inline-block;
+    width: 0;
+    height: 100%;
+    vertical-align: middle;
+    content: '';
+  }
+
+  .vertical-center-modal .ant-modal {
+    top: 0;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+  }
+}

package/assets/components/KyMore/index.less

@@ -0,0 +1,9 @@
+:global {
+  .ky-more {
+    color: #adadad;
+    vertical-align: middle;
+    .ky-more-icon {
+      margin-left: 4px;
+    }
+  }
+}

package/assets/components/KyPreview/index.less

@@ -0,0 +1,38 @@
+:global {
+  .KyPreview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    .fileContent {
+      width: 100%;
+      height: calc(100% - 42px);
+      .pg-viewer-wrapper button,
+      .pg-viewer-wrapper input,
+      .pg-viewer-wrapper select,
+      .pg-viewer-wrapper textarea {
+        margin-top: 5px;
+      }
+    }
+
+    .filePdf {
+      display: flex;
+      justify-content: center;
+      width: 100%;
+      height: calc(100% - 84px);
+      overflow: scroll;
+      overflow-x: hidden;
+    }
+    .filePdfFooter {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 42px;
+    }
+    .filePdfPage {
+      margin: 0 10px;
+    }
+  }
+}

package/assets/components/KyTable/checkbuttons.less

@@ -0,0 +1,23 @@
+.check button {
+    height: 28px;
+    line-height: 28px;
+    min-width: 60px;
+    padding: 0 8px;
+    border-radius: 4px;
+    border-color: transparent;
+}
+
+.check button:hover {
+    border-color: #1890ff;
+    background-color: #fff;
+}
+
+.check button:global(.ant-btn-primary) {
+    background-color: #e6f7ff;
+    color: #1890ff;
+    border-color: #e6f7ff;
+}
+
+.check button:global {
+    border-radius: 0px !important;
+}

package/assets/components/KyTable/highSearchForm.less

@@ -0,0 +1,16 @@
+:global {
+  .highSearchForm {
+    .ant-form-item-label {
+      label {
+        display: flex;
+
+        span {
+          text-overflow: ellipsis;
+          overflow: hidden;
+          display: inline-block;
+          width: 100%;
+        }
+      }
+    }
+  }
+}