账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    picker.js 改后的变化是什么,怎么使用
    24
    0

    把antd 里面的picker组件改成了,请问怎么使用

    改后
    'use strict';
    
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    
    var _extends2 = require('babel-runtime/helpers/extends');
    
    var _extends3 = _interopRequireDefault(_extends2);
    
    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 _react = require('react');
    
    var _react2 = _interopRequireDefault(_react);
    
    var _Popup = require('rmc-cascader/lib/Popup');
    
    var _Popup2 = _interopRequireDefault(_Popup);
    
    var _Cascader = require('rmc-cascader/lib/Cascader');
    
    var _Cascader2 = _interopRequireDefault(_Cascader);
    
    var _MultiPicker = require('rmc-picker/lib/MultiPicker');
    
    var _MultiPicker2 = _interopRequireDefault(_MultiPicker);
    
    var _arrayTreeFilter = require('array-tree-filter');
    
    var _arrayTreeFilter2 = _interopRequireDefault(_arrayTreeFilter);
    
    var _styles = require('./styles.web.js');
    
    var _styles2 = _interopRequireDefault(_styles);
    
    var _popupProps = require('./popupProps.web.js');
    
    var _popupProps2 = _interopRequireDefault(_popupProps);
    
    function _interopRequireDefault(obj) {
      return obj && obj.__esModule ? obj : {'default': obj};
    }
    
    function getDefaultProps() {
      var defaultFormat = function defaultFormat(values) {
        return values.join(',');
      };
      return {
        triggerType: 'onClick',
        prefixCls: 'am-picker',
        pickerPrefixCls: 'am-picker-col',
        popupPrefixCls: 'am-picker-popup',
        format: defaultFormat,
        cols: 3,
        cascade: true,
        extra: '请选择',
        okText: '确定',
        dismissText: '取消',
        title: '',
        styles: _styles2['default']
      };
    }
    
    var Picker = function (_React$Component) {
      (0, _inherits3['default'])(Picker, _React$Component);
    
      function Picker() {
        (0, _classCallCheck3['default'])(this, Picker);
    
        var _this = (0, _possibleConstructorReturn3['default'])(this, (Picker.__proto__ || Object.getPrototypeOf(Picker)).apply(this, arguments));
    
        _this.getSel = function () {
          var value = _this.props.value || [];
          var treeChildren = void 0;
          if (_this.props.cascade) {
            treeChildren = (0, _arrayTreeFilter2['default'])(_this.props.data, function (c, level) {
              return c.value === value[level];
            });
          } else {
            treeChildren = value.map(function (v, i) {
              return _this.props.data[i].filter(function (d) {
                return d.value === v;
              })[0];
            });
          }
    
          return _this.props.format && _this.props.format(treeChildren.map(function (v) {
            if (v)
              return v.label;
            }));
        };
        return _this;
      }
    
      (0, _createClass3['default'])(Picker, [{
        key: 'render',
        value: function render() {
          var props = this.props;
          var children = props.children,
            _props$value = props.value,
            value = _props$value === undefined ? [] : _props$value,
            extra = props.extra,
            okText = props.okText,
            itemStyle = props.itemStyle,
            dismissText = props.dismissText,
            popupPrefixCls = props.popupPrefixCls,
            cascade = props.cascade;
    
          var cascader = void 0;
          var popupMoreProps = {};
          if (cascade) {
    
            cascader = _react2['default'].createElement(_Cascader2['default'], {
              prefixCls: props.prefixCls,
              pickerPrefixCls: props.pickerPrefixCls,
              data: props.data,
              cols: props.cols,
              onChange: props.onPickerChange,
              pickerItemStyle: itemStyle
            });
          } else {
            cascader = _react2['default'].createElement(
              _MultiPicker2['default'],
              {prefixCls: props.prefixCls, pickerPrefixCls: props.pickerPrefixCls, pickerItemStyle: itemStyle},
              props.data.map(function (d) {
                return {props: {children: d}};
              })
            );
            popupMoreProps = {
              pickerValueProp: 'selectedValue',
              pickerValueChangeProp: 'onValueChange'
            };
          }
          return _react2['default'].createElement(
            _Popup2['default'],
            (0, _extends3['default'])({cascader: cascader}, _popupProps2['default'], props, {
              prefixCls: popupPrefixCls,
              value: value,
              dismissText: dismissText,
              okText: okText
            }, popupMoreProps),
            _react2['default'].cloneElement(children, {extra: this.getSel() || extra})
          );
        }
      }]);
      return Picker;
    }(_react2['default'].Component);
    
    require('./index.less');
    Picker.defaultProps = getDefaultProps();
    module.exports = Picker;
    改前
    'use strict';
    
    Object.defineProperty(exports, "__esModule", {
        value: 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 _AbstractPicker2 = require('./AbstractPicker');
    
    var _AbstractPicker3 = _interopRequireDefault(_AbstractPicker2);
    
    var _style = require('./style');
    
    var _style2 = _interopRequireDefault(_style);
    
    function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
    
    var Picker = function (_AbstractPicker) {
        (0, _inherits3['default'])(Picker, _AbstractPicker);
    
        function Picker() {
            (0, _classCallCheck3['default'])(this, Picker);
    
            var _this = (0, _possibleConstructorReturn3['default'])(this, (Picker.__proto__ || Object.getPrototypeOf(Picker)).apply(this, arguments));
    
            _this.popupProps = {};
            return _this;
        }
    
        return Picker;
    }(_AbstractPicker3['default']);
    
    exports['default'] = Picker;
    
    Picker.defaultProps = (0, _extends3['default'])({}, (0, _AbstractPicker2.getDefaultProps)(), { styles: _style2['default'] });
    module.exports = exports['default'];
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 听够假话 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部