easy3wui 1.5.70-beta11 → 1.5.70-beta12

package/lib/Easy3wEditBigTable/Editors/EditorNumber.js

@@ -0,0 +1,92 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDataGrid = require('react-data-grid');
+
+var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var editors = _reactDataGrid2['default'].editors;
+var EditorBase = editors.EditorBase;
+
+var EditorNumber = function (_EditorBase) {
+  (0, _inherits3['default'])(EditorNumber, _EditorBase);
+
+  function EditorNumber() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, EditorNumber);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _EditorBase.call.apply(_EditorBase, [this].concat(args))), _this), _this.setInputRef = function (input) {
+      _this.input = input;
+    }, _this.getInputNode = function () {
+      return _this.setInputRef();
+    }, _this.getValue = function () {
+      var _ref;
+
+      // const { value } = this.state;
+      return _ref = {}, _ref[_this.props.column.key] = _this.getInputNode().value, _ref;
+    }, _this.onBlur = function (event) {
+      var _this$props = _this.props,
+          onBlur = _this$props.onBlur,
+          onCommit = _this$props.onCommit;
+
+      if (onBlur && typeof onBlur === 'function') {
+        onBlur(event);
+      }
+      if (onCommit && typeof onCommit === 'function') {
+        onCommit();
+      }
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+  // 获取 input 节点
+
+  // 获取 input 值
+
+  // input 失去焦点
+
+
+  EditorNumber.prototype.render = function render() {
+    var value = this.props.value;
+
+    return _react2['default'].createElement('input', (0, _extends3['default'])({
+      ref: this.setInputRef,
+      type: 'number',
+      className: 'form-control',
+      defaultValue: value
+    }, this.props, {
+      onBlur: this.onBlur
+    }));
+  };
+
+  return EditorNumber;
+}(EditorBase);
+
+exports['default'] = EditorNumber;
+module.exports = exports['default'];

package/lib/Easy3wEditBigTable/Editors/EditorsDatePicker.js

@@ -0,0 +1,168 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+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/date-picker/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _antd = require('antd');
+
+var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
+
+var _zh_CN2 = _interopRequireDefault(_zh_CN);
+
+require('moment/locale/zh-cn');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _reactDataGrid = require('react-data-grid');
+
+var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var editors = _reactDataGrid2['default'].editors;
+// import ReactDOM from 'react-dom';
+
+var EditorBase = editors.EditorBase;
+
+
+_moment2['default'].locale('zh-cn');
+var dateFormatDefault = 'YYYY-MM-DD';
+
+var EditorsDatePicker = function (_React$Component) {
+  (0, _inherits3['default'])(EditorsDatePicker, _React$Component);
+
+  function EditorsDatePicker(props) {
+    (0, _classCallCheck3['default'])(this, EditorsDatePicker);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var value = props.value,
+        refCallback = props.refCallback;
+
+    if (refCallback && refCallback instanceof Function) {
+      refCallback(_this);
+    }
+    _this.state = {
+      value: value
+    };
+    return _this;
+  }
+  // 获取组件节点
+
+  // 设置样式
+
+  // 获取 input 节点
+
+  // 获取 input 值
+
+  // input 值改变时回调
+
+  // input 失去焦点时回调
+
+
+  EditorsDatePicker.prototype.render = function render() {
+    var _props$cmptPros = this.props.cmptPros,
+        cmptPros = _props$cmptPros === undefined ? {} : _props$cmptPros;
+    var dateFormat = cmptPros.dateFormat;
+    var value = this.state.value;
+
+    return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+      style: this.getStyle(),
+      autoFocus: true,
+      locale: _zh_CN2['default'],
+      format: dateFormat || dateFormatDefault,
+      value: value ? (0, _moment2['default'])(value, dateFormat || dateFormatDefault) : null,
+      ref: this.getReactDataGridZJ
+      // autoFocus
+    }, cmptPros, {
+      onChange: this.onChange,
+      onBlur: this.onBlur
+    }));
+  };
+
+  return EditorsDatePicker;
+}(_react2['default'].Component);
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.getReactDataGridZJ = function (el) {
+    _this2.EditorsZJ = el;
+    return el;
+  };
+
+  this.getStyle = function () {
+    return {
+      width: '100%',
+      minWidth: '120px'
+    };
+  };
+
+  this.getInputNode = function () {
+    return _this2.getReactDataGridZJ();
+  };
+
+  this.getValue = function () {
+    var _ref;
+
+    var value = _this2.state.value;
+
+    return _ref = {}, _ref[_this2.props.column.key] = value, _ref;
+  };
+
+  this.onChange = function (momentDate, strDate) {
+    var _props = _this2.props,
+        onChange = _props.onChange,
+        _props$cmptPros2 = _props.cmptPros,
+        cmptPros = _props$cmptPros2 === undefined ? {} : _props$cmptPros2;
+    var dateFormat = cmptPros.dateFormat;
+
+    if (onChange) {
+      onChange(momentDate, strDate);
+    }
+    var value = momentDate ? momentDate.format(dateFormat || dateFormatDefault) : null;
+    _this2.setState({ value: value });
+  };
+
+  this.onBlur = function () {
+    var _props2 = _this2.props,
+        onCommit = _props2.onCommit,
+        onBlur = _props2.onBlur;
+
+    if (onCommit) {
+      onCommit();
+    }
+  };
+};
+
+exports['default'] = EditorsDatePicker;
+module.exports = exports['default'];

package/lib/Easy3wEditBigTable/Editors/EditorsInputNumber.js

@@ -0,0 +1,141 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+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/input-number/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _antd = require('antd');
+
+var _reactDataGrid = require('react-data-grid');
+
+var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var editors = _reactDataGrid2['default'].editors;
+var EditorBase = editors.EditorBase;
+
+var EditorsInputNumber = function (_React$Component) {
+  (0, _inherits3['default'])(EditorsInputNumber, _React$Component);
+
+  function EditorsInputNumber(props) {
+    (0, _classCallCheck3['default'])(this, EditorsInputNumber);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var value = props.value,
+        refCallback = props.refCallback;
+
+    if (refCallback && refCallback instanceof Function) {
+      refCallback(_this);
+    }
+    _this.state = {
+      value: value
+    };
+    return _this;
+  }
+
+  EditorsInputNumber.prototype.componentDidMount = function componentDidMount() {
+    var domNode = this.getInputNode();
+    console.log('inputNode', domNode);
+  };
+
+  EditorsInputNumber.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // 设置样式
+
+  // 获取 input 节点
+
+  // 获取 input 值
+
+  // input 值改变时回调
+
+  // input 失去焦点时回调
+
+
+  EditorsInputNumber.prototype.render = function render() {
+    var cmptPros = this.props.cmptPros;
+    var value = this.state.value;
+
+    return _react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+      style: this.getStyle(),
+      value: value,
+      onChange: this.onChange,
+      onBlur: this.onBlur,
+      autoFocus: true
+    }, cmptPros));
+  };
+
+  return EditorsInputNumber;
+}(_react2['default'].Component);
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.getStyle = function () {
+    return {
+      width: '100%'
+    };
+  };
+
+  this.getInputNode = function () {
+    return _reactDom2['default'].findDOMNode(_this2);
+  };
+
+  this.getValue = function () {
+    var _ref;
+
+    var value = _this2.state.value;
+
+    return _ref = {}, _ref[_this2.props.column.key] = value, _ref;
+  };
+
+  this.onChange = function (value) {
+    var onChange = _this2.props.onChange;
+
+    if (onChange) {
+      onChange(value);
+    }
+    _this2.setState({ value: value });
+  };
+
+  this.onBlur = function () {
+    var onCommit = _this2.props.onCommit;
+
+    if (onCommit) {
+      onCommit();
+    }
+  };
+};
+
+exports['default'] = EditorsInputNumber;
+module.exports = exports['default'];

package/lib/Easy3wGetCookie/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = Easy3wGetCookie;
+function Easy3wGetCookie(name) {
+  var arr = void 0;
+  var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+  if (arr = document.cookie.match(reg)) {
+    return unescape(arr[2]);
+  } else {
+    return null;
+  }
+}
+module.exports = exports['default'];

package/lib/Easy3wGetDesensitization/index.js

@@ -0,0 +1,43 @@
+'use strict';
+
+exports.__esModule = true;
+exports['default'] = Easy3wGetDesensitization;
+// 脱敏规则：
+// 1. 手机号：脱敏为前三位和后四位，中间用****代替
+// 2. 邮箱：脱敏为用户名的第一个字母和最后一个字母，中间用****代替，@后面的地址不变
+// 3. 身份证：脱敏为前三位和后四位，中间用****代替
+// 4. 其他字符串：不做脱敏
+function Easy3wGetDesensitization(strDesensitization, objRegex) {
+  // strDesensitization: 待脱敏的字符串 字符串类型
+  // objRegex: 自定义正则表达式 对象类型
+  // 返回脱敏后的字符串
+  var strText = strDesensitization;
+  if (strText && typeof strText === 'string') {
+    var _ref = objRegex || {},
+        phoneRegexNew = _ref.phoneRegex,
+        emailRegexNew = _ref.emailRegex,
+        idRegexNew = _ref.idRegex; // 自定义正则表达式
+
+
+    var phoneRegex = phoneRegexNew || /^1[3-9]\d{9}$/; // 手机号
+    var emailRegex = emailRegexNew || /^[a-zA-Z0-9_+&*-]+(?:\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,7}$/; // 邮箱
+    var idRegex = idRegexNew || /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/; // 身份证-15或18位
+    if (phoneRegex.test(strText)) {
+      // 手机号
+      strText = strText.slice(0, 3) + '****' + strText.slice(-4); // 脱敏手机号
+    } else if (emailRegex.test(strText)) {
+      // 邮箱
+      var _strText$split = strText.split('@'),
+          username = _strText$split[0],
+          domain = _strText$split[1];
+
+      var desensitizedUsername = username.slice(0, 1) + '****';
+      strText = desensitizedUsername + '@' + domain; // 脱敏邮箱
+    } else if (idRegex.test(strText)) {
+      // 身份证
+      strText = strText.slice(0, 3) + '***********' + strText.slice(-4); // 脱敏身份证
+    }
+  }
+  return strText;
+}
+module.exports = exports['default'];

package/lib/Easy3wGlobalFooter/index.js

@@ -0,0 +1,73 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wGlobalFooter = function (_Component) {
+  (0, _inherits3['default'])(Easy3wGlobalFooter, _Component);
+
+  function Easy3wGlobalFooter() {
+    (0, _classCallCheck3['default'])(this, Easy3wGlobalFooter);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wGlobalFooter.prototype.render = function render() {
+    var _props = this.props,
+        className = _props.className,
+        links = _props.links,
+        copyright = _props.copyright;
+
+    var clsString = (0, _classnames2['default'])(['e3wGlobalFooterDiv'], className);
+    return _react2['default'].createElement(
+      'div',
+      { className: clsString },
+      links && _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['e3wGlobalFooterLinks']) },
+        links.map(function (link) {
+          return _react2['default'].createElement(
+            'a',
+            {
+              key: link.title,
+              target: link.blankTarget ? '_blank' : '_self',
+              href: link.href
+            },
+            link.title
+          );
+        })
+      ),
+      copyright && _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['e3wGlobalFooterCopyright']) },
+        copyright
+      )
+    );
+  };
+
+  return Easy3wGlobalFooter;
+}(_react.Component);
+
+Easy3wGlobalFooter.propTypes = {};
+exports['default'] = Easy3wGlobalFooter;
+module.exports = exports['default'];

package/lib/Easy3wGlobalHeader/index.js

@@ -0,0 +1,148 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+require('antd/lib/icon/style');
+
+var _dropdown = require('antd/lib/dropdown');
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+require('antd/lib/dropdown/style');
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+require('antd/lib/spin/style');
+
+var _menu = require('antd/lib/menu');
+
+var _menu2 = _interopRequireDefault(_menu);
+
+require('antd/lib/menu/style');
+
+var _layout = require('antd/lib/layout');
+
+var _layout2 = _interopRequireDefault(_layout);
+
+require('antd/lib/layout/style');
+
+var _badge = require('antd/lib/badge');
+
+var _badge2 = _interopRequireDefault(_badge);
+
+require('antd/lib/badge/style');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Header = _layout2['default'].Header;
+
+var Easy3wGlobalHeader = function (_Component) {
+  (0, _inherits3['default'])(Easy3wGlobalHeader, _Component);
+
+  function Easy3wGlobalHeader() {
+    (0, _classCallCheck3['default'])(this, Easy3wGlobalHeader);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wGlobalHeader.prototype.render = function render() {
+    var _props = this.props,
+        currentUser = _props.currentUser,
+        collapsed = _props.collapsed,
+        pendingCount = _props.pendingCount,
+        systemname = _props.systemname,
+        toggleHandler = _props.toggleHandler,
+        onMenuClick = _props.onMenuClick;
+
+    var menu = _react2['default'].createElement(
+      _menu2['default'],
+      { className: (0, _classnames2['default'])(['e3wGlobalHeaderMenu']), selectedKeys: [], onClick: onMenuClick },
+      _react2['default'].createElement(
+        _menu2['default'].Item,
+        { disabled: true },
+        _react2['default'].createElement(_icon2['default'], { type: 'user' }),
+        '\u4E2A\u4EBA\u4E2D\u5FC3'
+      ),
+      _react2['default'].createElement(
+        _menu2['default'].Item,
+        { disabled: true },
+        _react2['default'].createElement(_icon2['default'], { type: 'setting' }),
+        '\u8BBE\u7F6E'
+      ),
+      _react2['default'].createElement(_menu2['default'].Divider, null),
+      _react2['default'].createElement(
+        _menu2['default'].Item,
+        { key: 'logout' },
+        _react2['default'].createElement(_icon2['default'], { type: 'logout' }),
+        '\u9000\u51FA\u767B\u5F55'
+      )
+    );
+    return _react2['default'].createElement(
+      Header,
+      { className: (0, _classnames2['default'])(['e3wGlobalHeaderHeader']) },
+      _react2['default'].createElement(_icon2['default'], {
+        className: (0, _classnames2['default'])(['e3wGlobalHeaderTrigger']),
+        type: collapsed ? 'menu-unfold' : 'menu-fold',
+        toggleHandler: toggleHandler
+      }),
+      _react2['default'].createElement(
+        'h1',
+        null,
+        systemname
+      ),
+      _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['e3wGlobalHeaderRight']) },
+        _react2['default'].createElement(
+          'a',
+          { to: '/inside/other/mywork' },
+          _react2['default'].createElement(
+            _badge2['default'],
+            { count: pendingCount, offset: [-5, 8] },
+            _react2['default'].createElement(_icon2['default'], { type: 'bell', className: (0, _classnames2['default'])(['e3wGlobalHeaderIcon']) })
+          )
+        ),
+        currentUser.name ? _react2['default'].createElement(
+          _dropdown2['default'],
+          { overlay: menu },
+          _react2['default'].createElement(
+            'span',
+            { className: (0, _classnames2['default'])(['e3wGlobalHeaderAction', 'e3wGlobalHeaderAccount']) },
+            _react2['default'].createElement(_icon2['default'], { type: 'user', className: (0, _classnames2['default'])(['e3wGlobalHeaderAvatar']) }),
+            currentUser.displayName
+          )
+        ) : _react2['default'].createElement(_spin2['default'], { size: 'small', style: { marginLeft: 8 } })
+      )
+    );
+  };
+
+  return Easy3wGlobalHeader;
+}(_react.Component);
+
+exports['default'] = Easy3wGlobalHeader;
+module.exports = exports['default'];