easy3wui 1.5.21 → 1.5.22

package/lib/Easy3wQryGrid/index.js

@@ -1,670 +0,0 @@
-'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 _form = require('antd/lib/form');
-
-var _form2 = _interopRequireDefault(_form);
-
-require('antd/lib/form/style');
-
-var _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-require('antd/lib/input/style');
-
-var _datePicker = require('antd/lib/date-picker');
-
-var _datePicker2 = _interopRequireDefault(_datePicker);
-
-require('antd/lib/date-picker/style');
-
-var _col = require('antd/lib/col');
-
-var _col2 = _interopRequireDefault(_col);
-
-require('antd/lib/col/style');
-
-var _row = require('antd/lib/row');
-
-var _row2 = _interopRequireDefault(_row);
-
-require('antd/lib/row/style');
-
-var _select = require('antd/lib/select');
-
-var _select2 = _interopRequireDefault(_select);
-
-require('antd/lib/select/style');
-
-var _treeSelect = require('antd/lib/tree-select');
-
-var _treeSelect2 = _interopRequireDefault(_treeSelect);
-
-require('antd/lib/tree-select/style');
-
-var _radio = require('antd/lib/radio');
-
-var _radio2 = _interopRequireDefault(_radio);
-
-require('antd/lib/radio/style');
-
-var _checkbox = require('antd/lib/checkbox');
-
-var _checkbox2 = _interopRequireDefault(_checkbox);
-
-require('antd/lib/checkbox/style');
-
-var _popover = require('antd/lib/popover');
-
-var _popover2 = _interopRequireDefault(_popover);
-
-require('antd/lib/popover/style');
-
-var _autoComplete = require('antd/lib/auto-complete');
-
-var _autoComplete2 = _interopRequireDefault(_autoComplete);
-
-require('antd/lib/auto-complete/style');
-
-var _cascader = require('antd/lib/cascader');
-
-var _cascader2 = _interopRequireDefault(_cascader);
-
-require('antd/lib/cascader/style');
-
-var _inputNumber = require('antd/lib/input-number');
-
-var _inputNumber2 = _interopRequireDefault(_inputNumber);
-
-require('antd/lib/input-number/style');
-
-var _mention = require('antd/lib/mention');
-
-var _mention2 = _interopRequireDefault(_mention);
-
-require('antd/lib/mention/style');
-
-var _rate = require('antd/lib/rate');
-
-var _rate2 = _interopRequireDefault(_rate);
-
-require('antd/lib/rate/style');
-
-var _slider = require('antd/lib/slider');
-
-var _slider2 = _interopRequireDefault(_slider);
-
-require('antd/lib/slider/style');
-
-var _switch = require('antd/lib/switch');
-
-var _switch2 = _interopRequireDefault(_switch);
-
-require('antd/lib/switch/style');
-
-var _timePicker = require('antd/lib/time-picker');
-
-var _timePicker2 = _interopRequireDefault(_timePicker);
-
-require('antd/lib/time-picker/style');
-
-var _transfer = require('antd/lib/transfer');
-
-var _transfer2 = _interopRequireDefault(_transfer);
-
-require('antd/lib/transfer/style');
-
-var _icon = require('antd/lib/icon');
-
-var _icon2 = _interopRequireDefault(_icon);
-
-require('antd/lib/icon/style');
-
-var _button = require('antd/lib/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-require('antd/lib/button/style');
-
-var _moment = require('moment');
-
-var _moment2 = _interopRequireDefault(_moment);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
-
-var _zh_CN2 = _interopRequireDefault(_zh_CN);
-
-require('moment/locale/zh-cn');
-
-var _dva = require('dva');
-
-var _notification = require('antd/lib/notification');
-
-var _notification2 = _interopRequireDefault(_notification);
-
-require('antd/lib/notification/style');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-_moment2['default'].locale('zh-cn');
-
-var FormItem = _form2['default'].Item;
-var Option = _select2['default'].Option;
-
-var RadioGroup = _radio2['default'].Group;
-var CheckboxGroup = _checkbox2['default'].Group;
-var TextArea = _input2['default'].TextArea;
-var RangePicker = _datePicker2['default'].RangePicker;
-
-var formItemLayoutTest = {
-  labelCol: { span: 9 },
-  wrapperCol: { span: 15 }
-};
-
-var Easy3wQryGrid = function (_Component) {
-  (0, _inherits3['default'])(Easy3wQryGrid, _Component);
-
-  function Easy3wQryGrid() {
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3['default'])(this, Easy3wQryGrid);
-
-    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, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
-      expand: false
-    }, _this.getHiddenItem = function (hiddenItem) {
-      var form = _this.props.form;
-      var getFieldDecorator = form.getFieldDecorator;
-      var fieldId = hiddenItem.fieldId,
-          value = hiddenItem.value;
-
-      return _react2['default'].createElement(
-        'span',
-        null,
-        getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
-      );
-    }, _this.getItemArea = function (item) {
-      var fieldType = item.fieldType;
-
-      switch (fieldType) {
-        case 'autoComplete':
-          return _this.autoCompleteHandler(item);
-        case 'cascader':
-          return _this.cascaderHandler(item);
-        case 'checkBox':
-          return _this.checkBoxHandler(item);
-        case 'datePicker':
-          return _this.datePickerHandler(item);
-        case 'rangePicker':
-          return _this.rangePickerHandler(item);
-        case 'dateTimePicker':
-          return _this.dateTimePickerHandler(item);
-        case 'input':
-          return _this.inputHandler(item);
-        case 'textarea':
-          return _this.textareaHandler(item);
-        case 'inputNumber':
-          return _this.inputNumberHandler(item);
-        case 'mention':
-          return _this.mentionHandler(item);
-        case 'rate':
-          return _this.rateHandler(item);
-        case 'radio':
-          return _this.radioHandler(item);
-        case 'select':
-          return _this.selectHandler(item);
-        case 'slider':
-          return _this.sliderHandler(item);
-        case 'switch':
-          return _this.switchHandler(item);
-        case 'treeSelect':
-          return _this.treeSelectHandler(item);
-        case 'timePicker':
-          return _this.timePickerHandler(item);
-        case 'transfer':
-          return _this.transferHandler(item);
-        default:
-          break;
-      }
-    }, _this.getItemValue = function (item) {
-      var fieldType = item.fieldType;
-      var value = item.value;
-
-      if (fieldType === 'datePicker') {
-        /** 格式化日期型数据 */
-        value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
-      }
-      if (fieldType === 'rangePicker') {
-        /** 格式化日期型数据 */
-        value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
-      }
-      if (fieldType === 'dateTimePicker') {
-        /** 格式化日期时间型数据 */
-        value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
-      }
-      if (fieldType === 'timePicker') {
-        /** 格式化时间型数据 */
-        value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
-      }
-      return value;
-    }, _this.getColItem = function (colObj, formItemLayout) {
-      var label = colObj.label,
-          fieldId = colObj.fieldId,
-          required = colObj.required;
-
-      var itemArea = _this.getItemArea(colObj);
-      var itemValue = _this.getItemValue(colObj);
-      var formItem = _this.getFormItem(colObj, required, label, fieldId, itemValue, itemArea, formItemLayout);
-      return formItem;
-    }, _this.getFormItem = function (item, required, label, fieldId, itemValue, itemArea, formItemLayout) {
-      var form = _this.props.form;
-      var getFieldDecorator = form.getFieldDecorator;
-      var popoverFlag = item.popoverFlag,
-          popProps = item.popProps,
-          formItemProps = item.formItemProps,
-          fieldType = item.fieldType;
-
-      var decoratorObj = {
-        initialValue: itemValue,
-        rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
-      };
-      if (fieldType === 'input') {
-        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
-          trigger: 'onBlur',
-          valuePropName: 'defaultValue'
-        });
-      } else if (fieldType === 'textarea') {
-        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
-          trigger: 'onBlur',
-          valuePropName: 'defaultValue'
-        });
-      }
-      if (popoverFlag) {
-        var title = popProps.title,
-            content = popProps.content,
-            placement = popProps.placement;
-
-        return _react2['default'].createElement(
-          FormItem,
-          (0, _extends3['default'])({
-            label: label
-          }, formItemProps, formItemLayout),
-          _react2['default'].createElement(
-            _popover2['default'],
-            {
-              title: title,
-              content: _react2['default'].createElement(
-                'div',
-                { style: { padding: '4px 0' } },
-                _react2['default'].createElement(
-                  'span',
-                  { style: { color: '#5468b2', width: 200, height: 300 } },
-                  content
-                )
-              ),
-              placement: placement
-            },
-            getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
-          )
-        );
-      } else {
-        return _react2['default'].createElement(
-          FormItem,
-          (0, _extends3['default'])({
-            label: label
-          }, formItemProps, formItemLayout),
-          getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
-        );
-      }
-    }, _this.inputHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_input2['default'], cmptPros);
-    }, _this.selectHandler = function (item) {
-      var cmptPros = item.cmptPros;
-      var optionLst = cmptPros.optionLst;
-
-      var selectOpts = '';
-      selectOpts = optionLst.map(function (opt) {
-        return _react2['default'].createElement(
-          Option,
-          { key: opt.value },
-          opt.label
-        );
-      });
-      return _react2['default'].createElement(
-        _select2['default'],
-        (0, _extends3['default'])({
-          style: { width: '100%' }
-        }, cmptPros, {
-          allowClear: true
-        }),
-        selectOpts
-      );
-    }, _this.sliderHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_slider2['default'], cmptPros);
-    }, _this.switchHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_switch2['default'], cmptPros);
-    }, _this.datePickerHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
-        locale: _zh_CN2['default'],
-        style: { width: '100%', marginRight: 0 },
-        format: 'YYYY-MM-DD'
-      }, cmptPros));
-    }, _this.rangePickerHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
-        locale: _zh_CN2['default'],
-        style: { width: '100%', marginRight: 0 },
-        format: 'YYYY-MM-DD'
-      }, cmptPros));
-    }, _this.dateTimePickerHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
-        locale: _zh_CN2['default'],
-        style: { width: '100%', marginRight: 0 },
-        format: 'YYYY-MM-DD HH:mm:ss',
-        showTime: true
-      }, cmptPros));
-    }, _this.timePickerHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
-        format: 'HH:mm:ss'
-      }, cmptPros));
-    }, _this.transferHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_transfer2['default'], cmptPros);
-    }, _this.treeSelectHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      var treeSelectProps = {
-        allowClear: true,
-        showLine: true,
-        showSearch: true,
-        dropdownStyle: { maxHeight: 300, overflow: 'auto' },
-        treeDefaultExpandAll: false,
-        showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
-        searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
-        treeNodeFilterProp: 'title',
-        style: {
-          width: '100%'
-        }
-      };
-      return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
-    }, _this.radioHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(RadioGroup, cmptPros);
-    }, _this.checkBoxHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(CheckboxGroup, cmptPros);
-    }, _this.textareaHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(TextArea, cmptPros);
-    }, _this.inputNumberHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_inputNumber2['default'], cmptPros);
-    }, _this.mentionHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_mention2['default'], cmptPros);
-    }, _this.rateHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_rate2['default'], cmptPros);
-    }, _this.autoCompleteHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
-    }, _this.cascaderHandler = function (item) {
-      var cmptPros = item.cmptPros;
-
-      return _react2['default'].createElement(_cascader2['default'], cmptPros);
-    }, _this.handleSearch = function () {
-      var globalLoading = _this.props.loading.global;
-      if (globalLoading) {
-        _notification2['default'].warning({
-          message: '温馨提示',
-          description: '正在后台处理，请稍后！',
-          duration: 3
-        });
-      } else {
-        var searchHandler = _this.props.searchHandler;
-
-        searchHandler();
-      }
-      // e.preventDefault();
-      // this.props.form.validateFields((err, values) => {
-      //   searchHandler(null, values);
-      // });
-    }, _this.handleReset = function () {
-      _this.props.form.resetFields();
-      _this.handleSearch();
-    }, _this.toggle = function () {
-      var expand = _this.state.expand;
-
-      _this.setState({ expand: !expand });
-    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
-  }
-
-  // To generate mock Form.Item
-  Easy3wQryGrid.prototype.getFields = function getFields() {
-    var _this2 = this;
-
-    var _props = this.props,
-        minCount = _props.minCount,
-        qryItems = _props.qryItems,
-        hiddenItems = _props.hiddenItems,
-        notShowArea = _props.notShowArea,
-        qryBtnType = _props.qryBtnType;
-
-    var itemLength = qryItems.length;
-    var count = this.state.expand ? itemLength : minCount;
-    var itemForms = [];
-    qryItems.forEach(function (item) {
-      var a = _this2.getColItem(item, formItemLayoutTest);
-      itemForms.push(a);
-    });
-    var hiddenForms = [];
-    if (hiddenItems) {
-      hiddenForms = hiddenItems.map(function (hiddenItem) {
-        var obj = _this2.getHiddenItem(hiddenItem);
-        return obj;
-      });
-    }
-    var children = [];
-    for (var i = 0; i < itemLength; i += 1) {
-      children.push(_react2['default'].createElement(
-        _col2['default'],
-        { span: 7, key: i, style: { display: i < count ? 'block' : 'none', padding: '0px' }, className: (0, _classnames2['default'])(['e3wFormItem']) },
-        itemForms[i]
-      ));
-    }
-    if (itemLength % 3 === 0) {
-      children.push(_react2['default'].createElement(_col2['default'], { span: 7, key: itemLength + 1, style: { display: this.state.expand ? 'block' : 'none', padding: '0px' }, className: (0, _classnames2['default'])(['e3wFormItem']) }));
-      children.push(_react2['default'].createElement(_col2['default'], { span: 7, key: itemLength + 2, style: { display: this.state.expand ? 'block' : 'none', padding: '0px' }, className: (0, _classnames2['default'])(['e3wFormItem']) }));
-    }
-    if (itemLength % 3 === 1) {
-      children.push(_react2['default'].createElement(_col2['default'], { span: 7, key: itemLength + 1, style: { display: this.state.expand ? 'block' : 'none', padding: '0px' }, className: (0, _classnames2['default'])(['e3wFormItem']) }));
-    }
-    var btnProps = {};
-    if (qryBtnType) {
-      if (qryBtnType === 'default') {
-        btnProps = {};
-      } else {
-        btnProps = (0, _extends3['default'])({}, btnProps, { type: qryBtnType });
-      }
-    } else {
-      btnProps = (0, _extends3['default'])({}, btnProps, { type: 'primary' });
-    }
-    var btnAreaWithExpand = _react2['default'].createElement(
-      _col2['default'],
-      { span: 7, key: itemLength + 3, style: { textAlign: 'right' }, className: (0, _classnames2['default'])(['e3wFormItem']) },
-      _react2['default'].createElement(
-        _button2['default'],
-        (0, _extends3['default'])({}, btnProps, { onClick: this.handleSearch }),
-        '\u67E5\u8BE2'
-      ),
-      _react2['default'].createElement(
-        'a',
-        { style: { marginLeft: 8, fontSize: 12 }, onClick: this.toggle },
-        this.state.expand ? '收起' : '展开',
-        _react2['default'].createElement(_icon2['default'], { type: this.state.expand ? 'up' : 'down' })
-      )
-    );
-    var btnArea = _react2['default'].createElement(
-      _col2['default'],
-      { span: 7, key: itemLength + 3, style: { textAlign: 'right' }, className: (0, _classnames2['default'])(['e3wFormItem']) },
-      _react2['default'].createElement(
-        _button2['default'],
-        (0, _extends3['default'])({}, btnProps, { onClick: this.handleSearch }),
-        '\u67E5\u8BE2'
-      )
-    );
-    children.push.apply(children, hiddenForms);
-    if (notShowArea) {
-      children.push(btnArea);
-      return children;
-    } else {
-      children.push(btnAreaWithExpand);
-      return children;
-    }
-  };
-  /** 使用何种表单域 */
-
-  /** 获取value */
-
-  /** 获取FormItem */
-
-
-  /** input start */
-
-  /** input end */
-
-  /** select start */
-
-  /** select end */
-
-  /** slider start */
-
-  /** slider end */
-  /** switch start */
-
-  /** switch end */
-  /** datePicker start */
-
-  /** datePicker end */
-  /** rangePicker start */
-
-  /** rangePicker end */
-
-  /** dateTimePicker start */
-
-  /** dateTimePicker end */
-
-  /** timePickerHandler start */
-
-  /** timePickerHandler end */
-
-  /** transferHandler start */
-
-  /** transferHandler end */
-  /** treeSelect start */
-
-  /** treeSelect end */
-
-  /** radio start */
-
-  /** radio end */
-
-  /** checkBox start */
-
-  /** checkBox end */
-
-  /** textarea start */
-
-  /** textarea end */
-
-  /** inputNumber start */
-
-  /** inputNumber end */
-
-  /** mention start */
-
-  /** mention end */
-
-  /** rate start */
-
-  /** rate end */
-
-  /** autoComplete start */
-
-  /** autoComplete end */
-
-  /** cascader start */
-
-  /** cascader end */
-
-  Easy3wQryGrid.prototype.render = function render() {
-    return _react2['default'].createElement(
-      'div',
-      { className: 'ant-advanced-search-form' },
-      _react2['default'].createElement(
-        _row2['default'],
-        { gutter: 24 },
-        this.getFields()
-      )
-    );
-  };
-
-  return Easy3wQryGrid;
-}(_react.Component);
-
-exports['default'] = (0, _dva.connect)(function (state) {
-  return {
-    loading: state.loading
-  };
-})(Easy3wQryGrid);
-module.exports = exports['default'];