dlt-for-react 1.0.1 → 1.0.3

package/lib/components/{NHInputPicker → KyInputPicker}/setting-upload.js

@@ -98,9 +98,9 @@ var _inputConst = require('./input-const');
 
 var _reactCustomScrollbars = require('react-custom-scrollbars');
 
-var _index = require('../NHUpload/index');
+var _KyUpload = require('../KyUpload');
 
-var _index2 = _interopRequireDefault(_index);
+var _KyUpload2 = _interopRequireDefault(_KyUpload);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -366,7 +366,7 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 '\u6587\u4EF6\u4E0A\u4F20\u914D\u7F6E\u4FE1\u606F'
               )
             )
@@ -379,7 +379,7 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 '\u6587\u4EF6\u7C7B\u578B'
               )
             )
@@ -414,7 +414,7 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 '\u6587\u4EF6\u4E0A\u4F20\u6700\u5927\u503C'
               )
             )
@@ -425,7 +425,8 @@ var SettingUpload = function (_React$Component) {
             _react2.default.createElement(
               _col2.default,
               null,
-              _react2.default.createElement(_inputNumber2.default, { size: 'small',
+              _react2.default.createElement(_inputNumber2.default, {
+                size: 'small',
                 min: 0,
                 formatter: function formatter(value) {
                   return value + 'M';
@@ -446,7 +447,7 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 '\u4E0A\u4F20\u6A21\u5F0F'
               )
             )
@@ -500,7 +501,7 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 '\u662F\u5426\u5FC5\u586B'
               )
             )
@@ -535,8 +536,9 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
-                '\u9644\u4EF6\u6A21\u677F ',
+                { style: { margin: '16px 0' } },
+                '\u9644\u4EF6\u6A21\u677F',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
                   { title: '提供给学生上传附件的模板', placement: 'top' },
@@ -551,7 +553,13 @@ var SettingUpload = function (_React$Component) {
             _react2.default.createElement(
               _col2.default,
               { span: 16 },
-              _react2.default.createElement(_index2.default, { serviceMark: 'sm-dynamic-form', moduleName: '\u52A8\u6001\u8868\u5355\u9644\u4EF6\u6A21\u677F', defaultEffective: true, onChange: this.handleTemplateChange, value: templateId })
+              _react2.default.createElement(_KyUpload2.default, {
+                serviceMark: 'hq-xtgl',
+                moduleName: '\u9644\u4EF6\u6A21\u677F',
+                defaultEffective: true,
+                onChange: this.handleTemplateChange,
+                value: templateId
+              })
             )
           ),
           _react2.default.createElement(
@@ -562,10 +570,10 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 _react2.default.createElement(
                   'a',
-                  { href: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept' },
+                  { href: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept', target: '_blank' },
                   '\u6587\u4EF6\u7C7B\u578B'
                 )
               )
@@ -588,13 +596,14 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 _react2.default.createElement(
                   'font',
                   { color: 'red' },
                   '*'
                 ),
-                '\u670D\u52A1\u6807\u5FD7 ',
+                '\u670D\u52A1\u6807\u5FD7',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
                   { title: '说明是属于哪个服务', placement: 'top' },
@@ -609,7 +618,11 @@ var SettingUpload = function (_React$Component) {
             _react2.default.createElement(
               _col2.default,
               { span: 16 },
-              _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u670D\u52A1\u6807\u5FD7', onChange: this.handleServiceMark, value: serviceMark })
+              _react2.default.createElement(_input2.default, {
+                placeholder: '\u8BF7\u8F93\u5165\u670D\u52A1\u6807\u5FD7',
+                onChange: this.handleServiceMark,
+                value: serviceMark
+              })
             )
           ),
           _react2.default.createElement(
@@ -620,13 +633,14 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
+                { style: { margin: '16px 0' } },
                 _react2.default.createElement(
                   'font',
                   { color: 'red' },
                   '*'
                 ),
-                '\u6A21\u5757\u540D\u79F0 ',
+                '\u6A21\u5757\u540D\u79F0',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
                   { title: '说明是属于哪个服务的哪个模块', placement: 'top' },
@@ -641,7 +655,11 @@ var SettingUpload = function (_React$Component) {
             _react2.default.createElement(
               _col2.default,
               { span: 16 },
-              _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u6A21\u5757\u540D\u79F0', onChange: this.handleModuleName, value: moduleName })
+              _react2.default.createElement(_input2.default, {
+                placeholder: '\u8BF7\u8F93\u5165\u6A21\u5757\u540D\u79F0',
+                onChange: this.handleModuleName,
+                value: moduleName
+              })
             )
           ),
           _react2.default.createElement(
@@ -652,8 +670,9 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
-                '\u9644\u4EF6\u4E3B\u8868id ',
+                { style: { margin: '16px 0' } },
+                '\u9644\u4EF6\u4E3B\u8868id',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
                   { title: '根据id显示已经有的附件内容', placement: 'top' },
@@ -679,8 +698,9 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
-                '\u9644\u4EF6\u63CF\u8FF0 ',
+                { style: { margin: '16px 0' } },
+                '\u9644\u4EF6\u63CF\u8FF0',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
                   { title: '对上传的附件的一个描述信息', placement: 'top' },
@@ -706,11 +726,15 @@ var SettingUpload = function (_React$Component) {
               null,
               _react2.default.createElement(
                 'div',
-                { style: { margin: "16px 0" } },
-                '\u9644\u4EF6\u4E3B\u8868\u540D ',
+                { style: { margin: '16px 0' } },
+                '\u9644\u4EF6\u4E3B\u8868\u540D',
+                ' ',
                 _react2.default.createElement(
                   _tooltip2.default,
-                  { title: '存储该附件对应的主表的名称，主要是为了以后进行追溯', placement: 'top' },
+                  {
+                    title: '存储该附件对应的主表的名称，主要是为了以后进行追溯',
+                    placement: 'top'
+                  },
                   _react2.default.createElement(_icon2.default, { type: 'question-circle' })
                 )
               )
@@ -722,7 +746,11 @@ var SettingUpload = function (_React$Component) {
             _react2.default.createElement(
               _col2.default,
               { span: 16 },
-              _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u9644\u4EF6\u4E3B\u8868\u540D', onChange: this.handleFjzbm, value: fileMainName })
+              _react2.default.createElement(_input2.default, {
+                placeholder: '\u8BF7\u8F93\u5165\u9644\u4EF6\u4E3B\u8868\u540D',
+                onChange: this.handleFjzbm,
+                value: fileMainName
+              })
             )
           )
         )

package/lib/components/{NHAuditSubmit/components/DragM/index.js → KyModal/dragM.js}

@@ -1,10 +1,3 @@
-/**
- * DragM--拖拽
- * @Author: qizc
- * @Date:   2018-09-13 09:08:20
- * @Last Modified by:   qizc
- * @Last Modified time: 2018-09-18 13:49:31
- */
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {

package/lib/components/KyModal/index.js

@@ -0,0 +1,321 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KyModal = undefined;
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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');
+
+require('antd/lib/modal/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _buildTitle = require('./buildTitle');
+
+var _buildTitle2 = _interopRequireDefault(_buildTitle);
+
+require('../../../assets/components/KyModal/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//Modal的最大宽度、高度为屏幕宽度、高度的2/3
+var maxWidth = window.screen.width * 2 / 3; /**
+                                             * @Description: 对话框二次封装
+                                             * @Version: 1.0
+                                             * @Author: 琴时
+                                             * @Date: 2022-04-24 17:00:53
+                                             * @LastEditors: 琴时
+                                             * @LastEditTime: 2022-06-06 10:07:04
+                                             * Modify log:
+                                             * 1、解决控制台警告问题；
+                                             * 2、对话框居中；
+                                             * 3、点击保存按钮后，保存按钮默认变成loading状态，可在onOk回调方法中调用回调函数stopLoading来终止按钮的loading状态；
+                                             */
+
+var maxHeight = window.screen.height * 2 / 3;
+
+var KyModal = exports.KyModal = function (_React$Component) {
+  (0, _inherits3.default)(KyModal, _React$Component);
+
+  function KyModal(props) {
+    (0, _classCallCheck3.default)(this, KyModal);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyModal.__proto__ || (0, _getPrototypeOf2.default)(KyModal)).call(this, props));
+
+    _this.show = function () {
+      _this.setState({ visible: true });
+    };
+
+    _this.close = function () {
+      _this.setState({ visible: false, confirmLoading: false });
+    };
+
+    _this.stopLoading = function () {
+      _this.setState({ confirmLoading: false });
+    };
+
+    _this.handleOk = function () {
+      _this.setState({ confirmLoading: true });
+      _this.props.onOk(_this.stopLoading);
+    };
+
+    _this.handleCancel = function () {
+      _this.close();
+      _this.props.onCancel();
+    };
+
+    _this.state = {
+      visible: false, //默认不可见
+      confirmLoading: false //确定按钮 loading
+    };
+    return _this;
+  }
+
+  //显示
+
+
+  //关闭
+
+
+  //隐藏加载动画
+
+
+  //确认
+
+
+  //取消
+
+
+  (0, _createClass3.default)(KyModal, [{
+    key: 'render',
+    value: function render() {
+      var _state = this.state,
+          visible = _state.visible,
+          confirmLoading = _state.confirmLoading;
+      var _props = this.props,
+          title = _props.title,
+          style = _props.style,
+          bodyStyle = _props.bodyStyle,
+          maxSize = _props.maxSize,
+          destroyOnClose = _props.destroyOnClose,
+          footer = _props.footer,
+          afterClose = _props.afterClose,
+          drag = _props.drag,
+          okText = _props.okText,
+          cancelText = _props.cancelText,
+          height = _props.height;
+
+      var width = this.props.width;
+      var _title = title && drag ? _react2.default.createElement(_buildTitle2.default, { visible: visible, title: title }) : title;
+      if (maxSize) {
+        width = maxWidth;
+      } else if (width > maxWidth) {
+        width = maxWidth;
+      }
+      if (!visible) return null;
+      //如果未定义页脚按钮，则使用默认按钮
+      if (!footer) {
+        return _react2.default.createElement(
+          _modal2.default,
+          (0, _extends3.default)({}, this.props, {
+            title: _title,
+            style: style,
+            bodyStyle: bodyStyle,
+            visible: visible,
+            width: width,
+            okText: okText,
+            onOk: this.handleOk,
+            cancelText: cancelText,
+            onCancel: this.handleCancel,
+            wrapClassName: 'vertical-center-modal',
+            confirmLoading: confirmLoading,
+            maskClosable: false,
+            destroyOnClose: destroyOnClose,
+            afterClose: afterClose
+          }),
+          _react2.default.createElement(
+            'div',
+            { style: { maxHeight: height || maxHeight } },
+            _react2.default.createElement(
+              _reactCustomScrollbars.Scrollbars,
+              { autoHide: true, autoHeight: true, autoHeightMax: maxHeight, style: { width: '100%' } },
+              this.props.children
+            )
+          )
+        );
+      } else {
+        //如果footer为null，则不显示页脚按钮
+        var buttons = [];
+        if (footer && footer.length > 0) {
+          var buttonKey = 0;
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = (0, _getIterator3.default)(footer), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var buttonParam = _step.value;
+
+              //text：按钮描述，type：按钮类型，icon：按钮图标，loading：加载状态，onClick：按钮点击事件
+              var _buttonParam$text = buttonParam.text,
+                  text = _buttonParam$text === undefined ? '' : _buttonParam$text,
+                  _buttonParam$type = buttonParam.type,
+                  type = _buttonParam$type === undefined ? 'primary' : _buttonParam$type,
+                  _buttonParam$icon = buttonParam.icon,
+                  icon = _buttonParam$icon === undefined ? '' : _buttonParam$icon,
+                  _buttonParam$loading = buttonParam.loading,
+                  loading = _buttonParam$loading === undefined ? false : _buttonParam$loading,
+                  _buttonParam$onClick = buttonParam.onClick,
+                  onClick = _buttonParam$onClick === undefined ? function () {} : _buttonParam$onClick,
+                  _buttonParam$disabled = buttonParam.disabled,
+                  disabled = _buttonParam$disabled === undefined ? false : _buttonParam$disabled;
+
+              var customButton = _react2.default.createElement(
+                _button2.default,
+                {
+                  key: buttonKey,
+                  type: type,
+                  icon: icon,
+                  loading: loading,
+                  onClick: onClick,
+                  disabled: disabled
+                },
+                text
+              );
+              buttons.push(customButton);
+              buttonKey++;
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        } else {
+          buttons = null;
+        }
+
+        return _react2.default.createElement(
+          _modal2.default,
+          (0, _extends3.default)({}, this.props, {
+            title: title,
+            style: style,
+            bodyStyle: bodyStyle,
+            visible: visible,
+            width: width,
+            footer: buttons,
+            onCancel: this.handleCancel,
+            wrapClassName: 'vertical-center-modal',
+            confirmLoading: confirmLoading,
+            maskClosable: false,
+            destroyOnClose: destroyOnClose,
+            afterClose: afterClose
+          }),
+          _react2.default.createElement(
+            'div',
+            { style: { maxHeight: maxHeight } },
+            _react2.default.createElement(
+              _reactCustomScrollbars.Scrollbars,
+              { autoHide: true, autoHeight: true, autoHeightMax: maxHeight, style: { width: '100%' } },
+              this.props.children
+            )
+          )
+        );
+      }
+    }
+  }]);
+  return KyModal;
+}(_react2.default.Component);
+
+/**
+ *  KyModal默认属性
+ */
+
+
+KyModal.defaultProps = {
+  title: '标题',
+  cancelText: '取消',
+  okText: '确定',
+  width: 520, //默认最小宽度
+  maxSize: false, //是否最大化窗口
+  height: undefined, //高度
+  destroyOnClose: true, //关闭时销毁 Modal 里的子元素
+  onOk: function onOk() {},
+  onCancel: function onCancel() {},
+  afterClose: function afterClose() {},
+  drag: true
+};
+
+/**
+ *  KyModal属性检查
+ */
+KyModal.propTypes = {
+  title: _propTypes2.default.string, //对话框标题
+  cancelText: _propTypes2.default.string, //返回按钮文字
+  okText: _propTypes2.default.string, //确认按钮文字
+  style: _propTypes2.default.object, //对话框样式
+  bodyStyle: _propTypes2.default.object, //Modal body 样式
+  width: _propTypes2.default.number, //宽度
+  maxSize: _propTypes2.default.bool, //最大化窗口
+  footer: _propTypes2.default.arrayOf(_propTypes2.default.object), //按钮组
+  destroyOnClose: _propTypes2.default.bool, //关闭时销毁对话框内子元素
+  onOk: _propTypes2.default.func, //保存事件回调方法
+  onCancel: _propTypes2.default.func, //返回事件回调方法
+  afterClose: _propTypes2.default.func, //Modal 完全关闭后的回调
+  drag: _propTypes2.default.bool // 是否可拖拽
+};
+
+exports.default = KyModal;