dlt-for-react 1.1.16 → 1.1.18

package/README.md

@@ -8,7 +8,7 @@ npm publish
 
 ## 前端 dlt-for-react 依赖包版本更新记录
 
-##### 当前最新版本：1.1.14
+##### 当前最新版本：1.1.18
 
 ##### 安装依赖
 
@@ -16,6 +16,25 @@ npm publish
 
 ##### 版本修改记录
 
+#### V1.1.16~18—2024 年 3 月 14 日
+
+1. 新增 HqConfirm 组件
+2. 新增 HqSelect 组件
+3. 新增 HqFormItem 组件
+4. 新增 HqCheckBox 组件
+5. 新增 HqCheckButton 组件
+6. 新增 HqImage 组件
+7. 新增 HqCascader 组件
+8. 新增 HqStuSelector 组件
+9. 新增 HqTeaSelector 组件
+10. 新增 HqMultiSelect 组件
+11. 新增 HqButton 组件
+12. 新增 HqSwitch 组件
+13. 将 KyInputRender 组件 更名为 HqInputRender 组件
+14. 将 KyInputPicker 组件 更名为 HqInputPicker 组件
+15. 初步将 xgui-for-react 依赖组件移除
+16. 解决 KyTableCardList 引入依赖错误的问题
+
 #### 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;
+}

package/lib/components/HqButton/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require("antd/lib/button/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _index = require("../../index");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var HqButton = function (_React$Component) {
+  (0, _inherits3.default)(HqButton, _React$Component);
+
+  function HqButton(props) {
+    (0, _classCallCheck3.default)(this, HqButton);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqButton.__proto__ || (0, _getPrototypeOf2.default)(HqButton)).call(this, props));
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(HqButton, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          auth = _props.auth,
+          restProps = (0, _objectWithoutProperties3.default)(_props, ["auth"]);
+
+
+      var isTrue = Boolean(!auth || (0, _index.hasAuth)(auth));
+      if (isTrue) {
+        return _react2.default.createElement(
+          _button2.default,
+          restProps,
+          this.props.children
+        );
+      } else {
+        return null;
+      }
+    }
+  }]);
+  return HqButton;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+HqButton.defaultProps = {
+  auth: undefined
+};
+
+//属性检查
+HqButton.propTypes = {
+  auth: _propTypes2.default.string //权限标志
+};
+exports.default = HqButton;