dlt-for-react 1.0.1

package/assets/table/style.less

@@ -0,0 +1,222 @@
+.xgui-nhTable-highSearch div.ant-select-selection {
+	border-width: 1px !important;
+}
+.xgui-nhTable-highSearch{
+    margin-bottom: 10px;
+}
+.xgui-nhTable-highSearch button.ant-btn{
+    margin:10px 0 0px 10px;
+}
+// 添加搜索字段模态框样式
+	.addSearchFieldsModal {
+		.searchBox {
+			margin-bottom: 10px;
+		}
+		.checkAllBox {
+			margin: 0 0 8px 9px;
+			font-size: 12px;
+			.tip {
+				color: #bbb;
+			}
+			.num {
+				color: #fc0;
+			}
+		}
+		table {
+			width: 100%;
+			border: 1px solid #e8e8e8;
+			border-right: 0;
+			border-bottom: 0;
+			border-radius: 4px 4px 0 0;
+			border-collapse: separate;
+			border-spacing: 0;
+			td {
+				border-right: 1px solid #e8e8e8;
+				border-bottom: 1px solid #e8e8e8;
+				font-size: 12px;
+				&:hover {
+					background-color: #eef7fe;
+				}
+			}
+			.ant-checkbox-wrapper {
+				width: 100%;
+				height: 100%;
+				padding: 6px 8px;
+			}
+		}
+		.textHighLight {
+			background-color: #fff5cc;
+			&.active {
+				background-color: #ffdc52;
+			}
+		}
+	}
+.xgui-nhTable-highSearch div.ant-form-item{
+    margin-bottom: 0px;
+}
+.xgui-nhTable-highSearch span.ant-time-picker{
+    width:100%;
+}
+.xgui-table-searchDiv {
+    margin-bottom: 10px;
+}
+
+.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 {
+    border: none;
+    outline: none;
+    box-shadow: none;
+}
+
+.xgui-table-tips-div {
+    width: 100%;
+    height: 36px;
+    margin-bottom: 10px;
+    line-height: 36px;
+    border: 1px solid #91d5ff;
+    border-radius: 3px;
+    padding-left: 12px;
+    background-color: #e6f7ff;
+    color: #565c5f;
+    font-size: 12px;
+	display: flex;
+	align-items: center;
+}
+
+.xgui-table-tips-div i {
+    color: #1890ff;
+    font-size: 14px;
+    margin-right: 5px;
+}
+
+
+// .xgui-nhTable .ant-table-fixed-header .ant-table-scroll .ant-table-header{
+// 	margin-bottom: 0px !important;
+// 	overflow: hidden !important;
+// }
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th {
+	padding: 9px 8px;
+}
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td {
+	padding: 5px 8px;
+}
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th {
+	padding: 9px 8px;
+}
+
+.xgui-nhTable .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;
+}
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th {
+	padding: 9px 8px;
+}
+
+.xgui-nhTable .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;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header{
+	overflow: auto;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body{
+	overflow: auto !important;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner{
+	overflow: auto !important;
+	margin-top: -2px;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner{
+	overflow: auto !important;
+	margin-top: -2px;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body  table > .ant-table-tbody > tr > td {
+	padding: 5px 8px;
+}
+.xgui-nhTable .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;
+}
+.xgui-nhTable .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;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right{
+	height:100%;
+	// right:1px;
+	// padding-right:2px;
+	background: white;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left{
+	height:100%;
+	
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header{
+	border-left: 1px solid #e8e8e8;
+	border-bottom: 1px solid #e8e8e8;
+}
+.xgui-nhTable .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;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left  .ant-table-tbody > tr > td:last-child{
+	border-right: 1px solid #e8e8e8 !important;
+}
+
+.ant-table-scroll table .ant-table-fixed-columns-in-body {
+	visibility: visible !important;
+}
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer .ant-table-fixed{
+	border-right: 1px solid #e8e8e8;
+	border-left: 1px solid #e8e8e8;
+}
+
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left  .ant-table-tbody > tr:first-child > td{
+	border-top: 1px solid #e8e8e8;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right  .ant-table-tbody > tr:first-child > td{
+	border-top: 1px solid #e8e8e8;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right  .ant-table-tbody > tr > td:first-child{
+	border-left: 1px solid #e8e8e8 !important;
+}
+
+//调整滚动条的宽度和高度
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > div > div:first-child + div{
+	height:12px !important;
+    z-index: 3;
+    opacity: 1 !important;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > div > div:first-child + div + div{
+	width:12px !important;
+    height:auto !important;
+    z-index: 3;
+}
+.xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > div > div:first-child + div + div{
+    display: none;
+}
+
+.xgui-nhTable .check button {
+    height: 28px;
+    line-height: 28px;
+    min-width: 60px;
+    padding: 0 8px;
+    border-radius: 4px;
+    border-color: transparent;
+}
+.xgui-nhTable .check button:hover {
+    border-color: #1890ff;
+    background-color: #fff;
+}
+.xgui-nhTable .check button:global(.ant-btn-primary) {
+    background-color: #e6f7ff;
+    color: #1890ff;
+    border-color: #e6f7ff;
+}
+.xgui-nhTable .check button:global {
+    min-width: 90px;
+    padding: 0 12px;
+	margin: 0 8px 8px 0;
+	border-radius: 0px;
+}

package/assets/teaSelector/index.less

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

package/assets/tree/style.less

@@ -0,0 +1,113 @@
+.xgui_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;
+}
+
+.xgui_tree_searchInput input{
+    border-width:0px;
+    margin-left: -8px;
+}
+
+.xgui_tree_searchInput input:active,.xgui_tree_searchInput input:focus,.xgui_tree_searchInput input:hover{
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+}
+.selector-vertical-center-modal .ant-tree li span.ant-tree-switcher{
+    line-height: 16px;
+}
+:global .selector-vertical-center-modal  .ant-tree li span.ant-tree-iconEle{
+    line-height: 16px;
+}
+
+.selector-vertical-center-modal .xgui-selector-tree-div .ant-input-search .ant-input{
+    border:0px;
+    box-shadow: none;
+}
+.selector-vertical-center-modal .xgui-selector-tree-div .ant-tree li ul{
+    padding: 0 0 0 14px;
+}
+
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.xgui_tree_searchInput:active,.xgui_tree_searchInput:focus,.xgui_tree_searchInput:hover{
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+}
+
+.xgui_tree_searchIcon{
+    cursor:pointer;
+    margin-right: 8px;
+    font-size: 16px
+}
+.xgui_tree_searchHeader{
+    width: 100%;
+    text-align: right;
+    line-height: 40px;
+}
+.xgui_tree_div{
+    width: 90%;
+    margin: 20px  auto;
+    border: 1px solid #91d5ff;
+    text-align: center;
+    border-radius: 5px;
+    line-height: 40px;
+    margin-top: 50px;
+}
+.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;
+}
+.xgui_tree_menu{
+  list-style: none;
+}
+
+.xgui_tree_menu li {
+	padding: 5px 10px;
+	cursor: pointer;
+}
+.xgui_tree_menu li:hover {
+	background: #e6f7ff;
+}
+

package/lib/components/Button/index.js

@@ -0,0 +1,97 @@
+'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 _hasAuth = require('../../utils/hasAuth.js');
+
+var _hasAuth2 = _interopRequireDefault(_hasAuth);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHButton = function (_React$Component) {
+    (0, _inherits3.default)(NHButton, _React$Component);
+
+    function NHButton(props) {
+        (0, _classCallCheck3.default)(this, NHButton);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHButton.__proto__ || (0, _getPrototypeOf2.default)(NHButton)).call(this, props));
+
+        _this.state = {};
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHButton, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                auth = _props.auth,
+                restProps = (0, _objectWithoutProperties3.default)(_props, ['auth']);
+
+
+            var isTrue = !auth || (0, _hasAuth2.default)(auth) ? true : false;
+            if (isTrue) {
+                return _react2.default.createElement(
+                    _button2.default,
+                    restProps,
+                    this.props.children
+                );
+            } else {
+                return null;
+            }
+        }
+    }]);
+    return NHButton;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+NHButton.defaultProps = {
+    sign: undefined
+
+    //属性检查
+};NHButton.propTypes = {
+    sign: _propTypes2.default.string //权限标志
+};
+
+exports.default = NHButton;

package/lib/components/CheckButton/index.js

@@ -0,0 +1,272 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _dropdown = require("antd/lib/dropdown");
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require("antd/lib/menu");
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+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/dropdown/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/menu/style");
+
+require("antd/lib/button/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+require("../../../assets/CheckButton/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * @Description: 选择按钮-多选、单选
+ * @Author: lisenlin
+ * @Date: 2021-01-20 13:45:00
+ * @LastEditTime: 2021-01-21 18:26:30
+ */
+var CheckButton = function (_React$Component) {
+    (0, _inherits3.default)(CheckButton, _React$Component);
+
+    function CheckButton(props) {
+        (0, _classCallCheck3.default)(this, CheckButton);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (CheckButton.__proto__ || (0, _getPrototypeOf2.default)(CheckButton)).call(this, props));
+
+        _this.onChange = function (v) {
+            var single = _this.props.single;
+
+            var value = [].concat((0, _toConsumableArray3.default)(_this.state.value));
+            var optionIndex = _this.state.value.indexOf(v);
+            if (optionIndex === -1) {
+                if (single) {
+                    value = [v];
+                } else {
+                    value.push(v);
+                }
+            } else {
+                value.splice(optionIndex, 1);
+            }
+
+            _this.setState({ value: value });
+            var onChange = _this.props.onChange;
+            if (onChange) {
+                onChange(value);
+            }
+        };
+
+        _this.handleVisibleChange = function (flag) {
+            _this.setState({ visible: flag });
+        };
+
+        _this.BuildCheckButton = function () {
+            var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+            if (!_this.props.showItems) {
+                return _this.buildOptions(options);
+            } else {
+                var num = parseInt(_this.props.showItems);
+                var optionsBk = [].concat((0, _toConsumableArray3.default)(options));
+                var checkOptions = optionsBk.slice(0, num);
+                var moreOptions = optionsBk.splice(num, options.length);
+                var DomHtml = [];
+                DomHtml.push(_this.buildOptions(checkOptions));
+                moreOptions.length > 0 && DomHtml.push(_this.buildMoreDrop(moreOptions));
+
+                // const menu = (
+                //     <Menu onClick={this.handleMenuClick}>
+                //       <Menu.Item key="1">Clicking me will not close the menu.</Menu.Item>
+                //       <Menu.Item key="2">Clicking me will not close the menu also.</Menu.Item>
+                //       <Menu.Item key="3">Clicking me will close the menu</Menu.Item>
+                //     </Menu>
+                //   );
+                // let moreTest = (
+                //     <Dropdown
+                //         overlay={menu}
+                //         onVisibleChange={this.handleVisibleChange}
+                //         visible={this.state.visible}
+                //     >
+                //         <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
+                //         更多 <Icon type="down" />
+                //         </a>
+                //     </Dropdown>
+                // )
+                // DomHtml.push(moreTest)
+                return DomHtml;
+            }
+        };
+
+        _this.buildOptions = function () {
+            var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+            var value = _this.state.value;
+
+            var buttonList = [];
+            options.map(function (item) {
+                buttonList.push(_react2.default.createElement(
+                    _button2.default,
+                    {
+                        key: item.value,
+                        type: value.indexOf(item.value) >= 0 ? "primary" : "",
+                        onClick: function onClick() {
+                            return _this.onChange(item.value);
+                        }
+                    },
+                    item.label
+                ));
+            });
+            // console.log(buttonList)
+            return buttonList;
+        };
+
+        _this.buildMoreDrop = function () {
+            var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+            var MenueItems = [];
+            // console.log( options,'options'  )
+            options.map(function (item) {
+                MenueItems.push(_react2.default.createElement(
+                    _menu2.default.Item,
+                    { key: item.label },
+                    item.label
+                ));
+            });
+            var menu = _react2.default.createElement(
+                _menu2.default,
+                { onClick: function onClick(e) {
+                        return _this.onChange(e.key);
+                    } },
+                MenueItems
+            );
+            // console.log( MenueItems,'MenueItems' )
+            var DropHtml = _react2.default.createElement(
+                _dropdown2.default,
+                {
+                    overlay: menu,
+                    onVisibleChange: _this.handleVisibleChange,
+                    visible: _this.state.visible
+                },
+                _react2.default.createElement(
+                    "a",
+                    { className: "ant-dropdown-link", onClick: function onClick(e) {
+                            return e.preventDefault();
+                        } },
+                    "\u66F4\u591A ",
+                    _react2.default.createElement(_icon2.default, { type: "down" })
+                )
+            );
+            return DropHtml;
+        };
+
+        _this.state = {
+            value: props.value || props.defaultValue || [],
+            options: []
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(CheckButton, [{
+        key: "componentWillMount",
+        value: function componentWillMount() {
+            this.setState({
+                options: this.props.options
+            });
+        }
+    }, {
+        key: "componentWillReceiveProps",
+        value: function componentWillReceiveProps(nextProps) {
+            if ('options' in nextProps && nextProps.options != this.props.options) {
+                this.setState({
+                    options: nextProps.options
+                });
+            }
+        }
+
+        // 改变
+
+    }, {
+        key: "render",
+        value: function render() {
+            var className = this.props.className;
+            var options = this.state.options;
+            var value = this.state.value;
+            // const menu = (
+            //     <Menu onClick={this.handleMenuClick}>
+            //         <Menu.Item key="1">Clicking me will not close the menu.</Menu.Item>
+            //         <Menu.Item key="2">Clicking me will not close the menu also.</Menu.Item>
+            //         <Menu.Item key="3">Clicking me will close the menu</Menu.Item>
+            //     </Menu>
+            // );
+
+            return _react2.default.createElement(
+                "div",
+                { className: (0, _classnames2.default)("check-Button", className) },
+                this.BuildCheckButton(options)
+            );
+        }
+    }]);
+    return CheckButton;
+}(_react2.default.Component);
+// import "./index.css";
+
+
+CheckButton.defaultProps = {
+    options: [],
+    single: false
+};
+CheckButton.propTypes = {
+    single: _propTypes2.default.bool, // 是否单项选择
+    defaultValue: _propTypes2.default.array,
+    value: _propTypes2.default.array,
+    options: _propTypes2.default.array.isRequired, // 需要遍历的数据
+    onChange: _propTypes2.default.func
+};
+exports.default = CheckButton;