dlt-for-react 2.2.0 → 2.2.2

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;