dlt-for-react 2.1.11 → 2.2.1

package/assets/css/HqTimeRange/index.less

@@ -0,0 +1,7 @@
+.HqTimeRange {
+  :global {
+    .between {
+      margin: 0 8px;
+    }
+  }
+}

package/lib/components/HqCheckButton/index.js

@@ -1,71 +1,71 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = undefined;
 
-var _dropdown = require("antd/lib/dropdown");
+var _dropdown = require('antd/lib/dropdown');
 
 var _dropdown2 = _interopRequireDefault(_dropdown);
 
-var _icon = require("antd/lib/icon");
+var _icon = require('antd/lib/icon');
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _menu = require("antd/lib/menu");
+var _menu = require('antd/lib/menu');
 
 var _menu2 = _interopRequireDefault(_menu);
 
-var _button = require("antd/lib/button");
+var _button = require('antd/lib/button');
 
 var _button2 = _interopRequireDefault(_button);
 
-var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
 
 var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
 
-var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = require("babel-runtime/helpers/createClass");
+var _createClass2 = require('babel-runtime/helpers/createClass');
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = require("babel-runtime/helpers/inherits");
+var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-require("antd/lib/dropdown/style");
+require('antd/lib/dropdown/style');
 
-require("antd/lib/icon/style");
+require('antd/lib/icon/style');
 
-require("antd/lib/menu/style");
+require('antd/lib/menu/style');
 
-require("antd/lib/button/style");
+require('antd/lib/button/style');
 
-var _react = require("react");
+var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require("prop-types");
+var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _classnames = require("classnames");
+var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-require("../../../assets/HqCheckButton/index.less");
+require('../../../assets/css/HqCheckButton/index.less');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -163,11 +163,11 @@ var HqCheckButton = function (_React$Component) {
           _button2.default,
           {
             key: item.value,
-            type: value.indexOf(item.value) >= 0 ? "primary" : "",
+            type: value.indexOf(item.value) >= 0 ? 'primary' : '',
             onClick: function onClick() {
               return _this.onChange(item.value);
             },
-            className: (0, _classnames2.default)({ "check-Button-disabled": disabled })
+            className: (0, _classnames2.default)({ 'check-Button-disabled': disabled })
           },
           item.label
         ));
@@ -202,12 +202,12 @@ var HqCheckButton = function (_React$Component) {
           visible: _this.state.visible
         },
         _react2.default.createElement(
-          "a",
-          { className: "ant-dropdown-link", onClick: function onClick(e) {
+          'a',
+          { className: 'ant-dropdown-link', onClick: function onClick(e) {
               return e.preventDefault();
             } },
-          "\u66F4\u591A ",
-          _react2.default.createElement(_icon2.default, { type: "down" })
+          '\u66F4\u591A ',
+          _react2.default.createElement(_icon2.default, { type: 'down' })
         )
       );
       return DropHtml;
@@ -221,21 +221,21 @@ var HqCheckButton = function (_React$Component) {
   }
 
   (0, _createClass3.default)(HqCheckButton, [{
-    key: "componentWillMount",
+    key: 'componentWillMount',
     value: function componentWillMount() {
       this.setState({
         options: this.props.options
       });
     }
   }, {
-    key: "componentWillReceiveProps",
+    key: 'componentWillReceiveProps',
     value: function componentWillReceiveProps(nextProps) {
-      if ("options" in nextProps && nextProps.options != this.props.options) {
+      if ('options' in nextProps && nextProps.options != this.props.options) {
         this.setState({
           options: nextProps.options
         });
       }
-      if ("value" in nextProps && nextProps.value != this.props.value) {
+      if ('value' in nextProps && nextProps.value != this.props.value) {
         this.setState({
           value: nextProps.value
         });
@@ -245,7 +245,7 @@ var HqCheckButton = function (_React$Component) {
     // 改变
 
   }, {
-    key: "render",
+    key: 'render',
     value: function render() {
       var className = this.props.className;
       var options = this.state.options;
@@ -259,8 +259,8 @@ var HqCheckButton = function (_React$Component) {
       // );
 
       return _react2.default.createElement(
-        "div",
-        { className: (0, _classnames2.default)("check-Button", className) },
+        'div',
+        { className: (0, _classnames2.default)('check-Button', className) },
         this.BuildCheckButton(options)
       );
     }

package/lib/components/HqPrint/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactToPrint = require("react-to-print");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*******
+ * @description: 打印组件
+ * @author: 琴时
+ * @example: 父组件为类组件：<HqPrint ref="printRef"><div>打印内容</div></HqPrint>     通过ref调用打印this.refs.printRef.handlePrint()
+ * @example: 父组件为函数组件：<HqPrint ref={printRef}><div>打印内容</div></HqPrint>   通过ref调用打印printRef.current.handlePrint()
+ */
+var HqPrint = (0, _react.forwardRef)(function (props, ref) {
+  var contentRef = (0, _react.useRef)();
+  var handlePrint = (0, _reactToPrint.useReactToPrint)({
+    content: function content() {
+      return contentRef.current;
+    }
+  });
+  // 将 handlePrint 方法通过 useImperativeHandle 暴露给父组件
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      handlePrint: handlePrint,
+      contentRef: contentRef
+    };
+  });
+
+  return _react2.default.createElement(
+    "div",
+    { className: "HqPrint", style: { display: "none" } },
+    _react2.default.createElement(
+      "div",
+      {
+        style: { fontSize: "16px" },
+        className: "HqPrint-container",
+        ref: contentRef
+      },
+      props.children
+    )
+  );
+});
+
+exports.default = HqPrint;

package/lib/components/HqTimeRange/index.js

@@ -26,7 +26,7 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _index = require('./index.less');
+var _index = require('../../../assets/css/HqTimeRange/index.less');
 
 var _index2 = _interopRequireDefault(_index);
 

package/lib/components/HqUeditor/file/EditForm.js

@@ -0,0 +1,297 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _upload = require('antd/lib/upload');
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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);
+
+var _tabs = require('antd/lib/tabs');
+
+var _tabs2 = _interopRequireDefault(_tabs);
+
+require('antd/lib/upload/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/tabs/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require('../../../utils/NHCore');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _tabs2.default.TabPane;
+
+var EditInitForm = function (_React$Component) {
+    (0, _inherits3.default)(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        (0, _classCallCheck3.default)(this, EditInitForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (EditInitForm.__proto__ || (0, _getPrototypeOf2.default)(EditInitForm)).call(this, props));
+
+        _this.validateFields = function (callback) {
+            var _this$state = _this.state,
+                err = _this$state.err,
+                formData = _this$state.formData,
+                fileList = _this$state.fileList;
+
+            if (!formData.fileName) {
+                err = true;
+                _message3.default.error("文件名不能为空！");
+            }
+            if (formData.activeKey == 'src_tab') {
+                if (!formData.href) {
+                    err = true;
+                    _message3.default.error("链接地址不能为空！");
+                }
+            } else {
+                if (fileList.length == 0) {
+                    err = true;
+                    _message3.default.error("请上传文件！");
+                } else {
+                    var _fileList$ = fileList[0],
+                        response = _fileList$.response,
+                        status = _fileList$.status;
+
+                    if (status === "done" && response && response.data && response.data.ssbh) {
+                        formData['attachmentId'] = response.data.ssbh;
+                    } else {
+                        err = true;
+                        _message3.default.error("请上传文件！");
+                    }
+                }
+            }
+            if (callback) {
+                callback(err, formData);
+            }
+        };
+
+        _this.changeNumber = function (name, value) {
+            var formData = _this.state.formData;
+            formData[name] = value;
+            _this.setState(formData);
+        };
+
+        _this.handleChange = function (_ref) {
+            var fileList = _ref.fileList;
+
+            console.log(fileList);
+            _this.setState({ fileList: fileList });
+        };
+
+        _this.beforeUpload = function (file) {
+            console.log(file);
+            return true;
+        };
+
+        _this.state = {
+            previewVisible: false,
+            previewImage: '',
+            fileList: [],
+            err: false,
+            formData: {
+                activeKey: 'file_tab',
+                href: undefined,
+                attachmentId: undefined,
+                title: undefined,
+                content: undefined
+            }
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(EditInitForm, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var fileUploadUrl = this.props.fileUploadUrl;
+            var _state = this.state,
+                previewVisible = _state.previewVisible,
+                previewImage = _state.previewImage,
+                fileList = _state.fileList;
+
+            var uploadProps = {
+                name: 'file',
+                action: fileUploadUrl + '/upload',
+                data: { uuid: (0, _NHCore.createUuid)(), type: '1' },
+                beforeUpload: this.beforeUpload
+            };
+            var footerDiv = _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _row2.default,
+                    { style: { marginBottom: 20 } },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 8, style: { textAlign: 'right' } },
+                        _react2.default.createElement(
+                            'font',
+                            { color: 'red' },
+                            '*'
+                        ),
+                        '\u6587\u4EF6\u540D\u79F0\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 12 },
+                        _react2.default.createElement(_input2.default, { value: this.state.formData.fileName, onChange: function onChange(e) {
+                                _this2.changeNumber("fileName", e.target.value);
+                            } })
+                    )
+                ),
+                _react2.default.createElement(
+                    _row2.default,
+                    { style: { marginBottom: 20 } },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 8, style: { textAlign: 'right' } },
+                        '\u6587\u4EF6\u6807\u9898\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 12 },
+                        _react2.default.createElement(_input2.default, { value: this.state.formData.title, onChange: function onChange(e) {
+                                _this2.changeNumber("title", e.target.value);
+                            } })
+                    )
+                )
+            );
+            return _react2.default.createElement(
+                _tabs2.default,
+                { activeKey: this.state.formData.activeKey, onChange: function onChange(activeKey) {
+                        _this2.changeNumber("activeKey", activeKey);
+                    } },
+                _react2.default.createElement(
+                    TabPane,
+                    { tab: '\u672C\u5730\u4E0A\u4F20', key: 'file_tab' },
+                    _react2.default.createElement(
+                        _row2.default,
+                        { style: { marginBottom: 20 } },
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 8, style: { textAlign: 'right' } },
+                            _react2.default.createElement(
+                                'font',
+                                { color: 'red' },
+                                '*'
+                            ),
+                            '\u4E0A\u4F20\u6587\u4EF6\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 12 },
+                            _react2.default.createElement(
+                                _upload2.default,
+                                (0, _extends3.default)({}, uploadProps, { fileList: fileList,
+                                    onChange: this.handleChange }),
+                                fileList.length > 0 ? null : _react2.default.createElement(
+                                    _button2.default,
+                                    null,
+                                    _react2.default.createElement(_icon2.default, { type: 'upload' }),
+                                    ' \u4E0A\u4F20'
+                                )
+                            )
+                        )
+                    ),
+                    footerDiv
+                ),
+                _react2.default.createElement(
+                    TabPane,
+                    { tab: '\u6587\u4EF6\u94FE\u63A5', key: 'src_tab' },
+                    _react2.default.createElement(
+                        _row2.default,
+                        { style: { marginBottom: 20 } },
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 8, style: { textAlign: 'right' } },
+                            _react2.default.createElement(
+                                'font',
+                                { color: 'red' },
+                                '*'
+                            ),
+                            '\u6587\u4EF6\u94FE\u63A5\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 12 },
+                            _react2.default.createElement(_input2.default, { value: this.state.formData.href, onChange: function onChange(e) {
+                                    _this2.changeNumber("href", e.target.value);
+                                } })
+                        )
+                    ),
+                    footerDiv
+                )
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+exports.default = EditInitForm;

package/lib/components/HqUeditor/file/index.js

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+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/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../KyModal/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _EditForm = require('./EditForm');
+
+var _EditForm2 = _interopRequireDefault(_EditForm);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var File = function (_React$Component) {
+    (0, _inherits3.default)(File, _React$Component);
+
+    function File(props) {
+        (0, _classCallCheck3.default)(this, File);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (File.__proto__ || (0, _getPrototypeOf2.default)(File)).call(this, props));
+
+        _this.initBtn = function () {
+            var obj = _this;
+            var UE = _this.props.UE;
+            UE.registerUI('nhFile', function (editor, uiName) {
+                //注册按钮执行时的command命令，使用命令默认就会带有回退操作
+                editor.registerCommand(uiName, {
+                    execCommand: function execCommand() {
+                        alert('execCommand:' + uiName);
+                    }
+                });
+                //创建一个button
+                var btn = new UE.ui.Button({
+                    //按钮的名字
+                    name: uiName,
+                    //提示
+                    title: '附件上传',
+                    //添加额外样式，指定icon图标，这里默认使用一个重复的icon
+                    cssRules: 'background-position: -620px -40px;',
+                    //点击时执行的命令
+                    onclick: function onclick() {
+                        obj.setState({ editor: editor }, function () {
+                            obj.refs.nhModal.show();
+                        });
+                        /* editor.execCommand( 'insertimage', {
+                              src:'http://www.hnit.edu.cn/upfile/2018/2018424165944293.jpg',
+                              width:'100',
+                              height:'100'
+                          } ); */
+                    }
+                });
+                //当点到编辑内容上时，按钮要做的状态反射
+                editor.addListener('selectionchange', function () {
+                    btn.setDisabled(false);
+                });
+                //因为你是添加button,所以需要返回这个button
+                return btn;
+            });
+        };
+
+        _this.handleSave = function (stopLoading) {
+            var fileDownloadUrl = _this.props.fileDownloadUrl;
+
+            var obj = _this;
+            _this.refs.nhForm.validateFields(function (err, formData) {
+                if (err) {
+                    stopLoading();
+                    return;
+                }
+                var str = '<p><a  href="' + (formData.href ? formData.href : fileDownloadUrl + '/download/file?attachmentId=' + formData.attachmentId) + '" title="' + (formData.title ? formData.title : formData.fileName) + '">' + formData.fileName + '</a><br/></p>';
+                _this.state.editor.execCommand('insertHTML', str);
+                obj.refs.nhModal.close();
+            });
+        };
+
+        _this.state = {
+            content: undefined,
+            editor: undefined
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(File, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.initBtn();
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {}
+    }, {
+        key: 'render',
+        value: function render() {
+            var fileUploadUrl = this.props.fileUploadUrl;
+
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _index2.default,
+                    { ref: 'nhModal',
+                        title: '\u9644\u4EF6\u4E0A\u4F20',
+                        onOk: this.handleSave
+                    },
+                    _react2.default.createElement(_EditForm2.default, { ref: 'nhForm', content: this.state.content, fileUploadUrl: fileUploadUrl })
+                )
+            );
+        }
+    }]);
+    return File;
+}(_react2.default.Component);
+
+File.defaultProps = {};
+
+var form = _form2.default.create()(File);
+exports.default = form;