easy3wui 1.4.41 → 1.4.92

package/lib/Easy3wNewQryGrid/index.js

@@ -1,694 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _row = require('antd/lib/row');
-
-var _row2 = _interopRequireDefault(_row);
-
-var _button = require('antd/lib/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-var _col = require('antd/lib/col');
-
-var _col2 = _interopRequireDefault(_col);
-
-var _cascader = require('antd/lib/cascader');
-
-var _cascader2 = _interopRequireDefault(_cascader);
-
-var _autoComplete = require('antd/lib/auto-complete');
-
-var _autoComplete2 = _interopRequireDefault(_autoComplete);
-
-var _rate = require('antd/lib/rate');
-
-var _rate2 = _interopRequireDefault(_rate);
-
-var _mentions = require('antd/lib/mentions');
-
-var _mentions2 = _interopRequireDefault(_mentions);
-
-var _inputNumber = require('antd/lib/input-number');
-
-var _inputNumber2 = _interopRequireDefault(_inputNumber);
-
-var _treeSelect = require('antd/lib/tree-select');
-
-var _treeSelect2 = _interopRequireDefault(_treeSelect);
-
-var _transfer = require('antd/lib/transfer');
-
-var _transfer2 = _interopRequireDefault(_transfer);
-
-var _timePicker = require('antd/lib/time-picker');
-
-var _timePicker2 = _interopRequireDefault(_timePicker);
-
-var _switch = require('antd/lib/switch');
-
-var _switch2 = _interopRequireDefault(_switch);
-
-var _slider = require('antd/lib/slider');
-
-var _slider2 = _interopRequireDefault(_slider);
-
-var _popover = require('antd/lib/popover');
-
-var _popover2 = _interopRequireDefault(_popover);
-
-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 _datePicker = require('antd/lib/date-picker');
-
-var _datePicker2 = _interopRequireDefault(_datePicker);
-
-var _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-var _checkbox = require('antd/lib/checkbox');
-
-var _checkbox2 = _interopRequireDefault(_checkbox);
-
-var _radio = require('antd/lib/radio');
-
-var _radio2 = _interopRequireDefault(_radio);
-
-var _select = require('antd/lib/select');
-
-var _select2 = _interopRequireDefault(_select);
-
-var _form = require('antd/lib/form');
-
-var _form2 = _interopRequireDefault(_form);
-
-require('antd/lib/row/style');
-
-require('antd/lib/button/style');
-
-require('antd/lib/col/style');
-
-require('antd/lib/cascader/style');
-
-require('antd/lib/auto-complete/style');
-
-require('antd/lib/rate/style');
-
-require('antd/lib/mentions/style');
-
-require('antd/lib/input-number/style');
-
-require('antd/lib/tree-select/style');
-
-require('antd/lib/transfer/style');
-
-require('antd/lib/time-picker/style');
-
-require('antd/lib/switch/style');
-
-require('antd/lib/slider/style');
-
-require('antd/lib/popover/style');
-
-require('antd/lib/date-picker/style');
-
-require('antd/lib/input/style');
-
-require('antd/lib/checkbox/style');
-
-require('antd/lib/radio/style');
-
-require('antd/lib/select/style');
-
-require('antd/lib/form/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _antd = require('antd');
-
-var _icons = require('@ant-design/icons');
-
-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');
-
-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 Easy3wNewQryGrid = function (_Component) {
-  (0, _inherits3['default'])(Easy3wNewQryGrid, _Component);
-
-  function Easy3wNewQryGrid() {
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3['default'])(this, Easy3wNewQryGrid);
-
-    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 fieldId = hiddenItem.fieldId;
-
-      return _react2['default'].createElement(
-        FormItem,
-        { name: fieldId },
-        _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 'mentions':
-          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 && 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 popoverFlag = item.popoverFlag,
-          popProps = item.popProps,
-          formItemProps = item.formItemProps;
-      // if (fieldType === 'input') {
-      //   decoratorObj = {
-      //     ...decoratorObj,
-      //     trigger: 'onBlur',
-      //     valuePropName: 'defaultValue',
-      //   };
-      // } else if (fieldType === 'textarea') {
-      //   decoratorObj = {
-      //     ...decoratorObj,
-      //     trigger: 'onBlur',
-      //     valuePropName: 'defaultValue',
-      //   };
-      // }
-
-      if (popoverFlag) {
-        var title = popProps.title,
-            content = popProps.content,
-            placement = popProps.placement;
-
-        return _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
-          },
-          _react2['default'].createElement(
-            FormItem,
-            (0, _extends3['default'])({
-              name: fieldId,
-              label: label,
-              rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
-            }, formItemProps, formItemLayout),
-            itemArea
-          )
-        );
-      } else {
-        return _react2['default'].createElement(
-          FormItem,
-          (0, _extends3['default'])({
-            name: fieldId,
-            label: label,
-            rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
-          }, formItemProps, formItemLayout),
-          itemArea
-        );
-      }
-    }, _this.getInitialValues = function () {
-      var _this$props = _this.props,
-          qryItems = _this$props.qryItems,
-          hiddenItems = _this$props.hiddenItems;
-
-      var obj = {};
-      qryItems.forEach(function (item) {
-        var fieldId = item.fieldId;
-
-        obj[fieldId] = _this.getItemValue(item);
-      });
-      if (hiddenItems) {
-        hiddenItems.forEach(function (item) {
-          var fieldId = item.fieldId,
-              value = item.value;
-
-          obj[fieldId] = value;
-        });
-      }
-      return obj;
-    }, _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(_mentions2['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 searchHandler = _this.props.searchHandler;
-
-      searchHandler();
-      // e.preventDefault();
-      // this.props.form.validateFields((err, values) => {
-      //   searchHandler(null, values);
-      // });
-    }, _this.handleReset = function () {
-      _this.props.form.current.resetFields();
-      _this.handleSearch();
-    }, _this.toggle = function () {
-      var expand = _this.state.expand;
-
-      _this.setState({ expand: !expand });
-    }, _this.easy3wSetFieldsValue = function () {
-      var _this$props2 = _this.props,
-          qryItems = _this$props2.qryItems,
-          data = _this$props2.data,
-          form = _this$props2.form;
-
-      if (!data) {
-        return null;
-      }
-      qryItems.forEach(function (item) {
-        var fieldId = item.fieldId,
-            value = item.value;
-
-        item.value = data[fieldId] || value;
-      });
-      var obj = {};
-      qryItems.forEach(function (item) {
-        var fieldId = item.fieldId;
-
-        obj[fieldId] = _this.getItemValue(item);
-      });
-      if (form && form.current) {
-        form.current.setFieldsValue((0, _extends3['default'])({}, data, obj));
-      }
-    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
-  }
-
-  // To generate mock Form.Item
-  Easy3wNewQryGrid.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 ? '收起' : '展开',
-        this.state.expand ? _react2['default'].createElement(_icons.UpOutlined, null) : _react2['default'].createElement(_icons.DownOutlined, null)
-      )
-    );
-    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 */
-
-  /** mentions start */
-
-  /** mentions end */
-
-  /** rate start */
-
-  /** rate end */
-
-  /** autoComplete start */
-
-  /** autoComplete end */
-
-  /** cascader start */
-
-  /** cascader end */
-
-  Easy3wNewQryGrid.prototype.render = function render() {
-    this.easy3wSetFieldsValue();
-    return _react2['default'].createElement(
-      'div',
-      { className: 'ant-advanced-search-form' },
-      _react2['default'].createElement(
-        _form2['default'],
-        { ref: this.props.form, initialValues: this.getInitialValues() },
-        _react2['default'].createElement(
-          _row2['default'],
-          { gutter: 24 },
-          this.getFields()
-        )
-      )
-    );
-  };
-
-  return Easy3wNewQryGrid;
-}(_react.Component);
-
-exports['default'] = Easy3wNewQryGrid;
-module.exports = exports['default'];