@hi-ui/hiui 2.15.9 → 2.15.11

package/es/dropdown/__tests__/index.test.js

@@ -1,313 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _testUtils = require("react-dom/test-utils");
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireWildcard(require("sinon"));
-
-var _index = _interopRequireDefault(require("../index"));
-
-var _DropdownMenuItem = _interopRequireDefault(require("../DropdownMenuItem"));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-var datas = [{
-  title: '移动',
-  id: 1
-}, {
-  title: '复制',
-  id: 2
-}, {
-  title: '删除',
-  id: 3
-}];
-
-function trigger(elem, event) {
-  var myEvent = document.createEvent('Event'); // 初始化这个事件对象，为它提高需要的“特性”
-
-  myEvent.initEvent(event, true, true); //执行事件
-
-  elem.dispatchEvent(myEvent);
-}
-/* eslint-env jest */
-
-
-describe('Dropdown', function () {
-  var clock;
-  beforeEach(function () {
-    clock = _sinon["default"].useFakeTimers();
-  });
-  afterEach(function () {
-    clock.restore();
-    jest.useRealTimers();
-    document.querySelectorAll('.hi-popper__container')[0] && document.querySelectorAll('.hi-popper__container')[0].remove();
-  });
-  describe('PropTypes', function () {
-    it('title', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u5220\u9664",
-        data: datas,
-        trigger: "click"
-      }));
-      wrapper.find(_button["default"]).first().simulate('click');
-      expect(wrapper.find('.hi-dropdown__button--active').first().text()).toEqual('删除');
-      wrapper.unmount();
-    });
-    it('type', function () {
-      var types = ['text', 'button', 'group'];
-      var title = '操作';
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, types.map(function (type, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          data: datas,
-          type: type,
-          key: index,
-          title: title
-        });
-      })));
-      types.map(function (type) {
-        expect(wrapper.find(".hi-dropdown--".concat(type))).toHaveLength(1);
-      }); // console.log(wrapper.debug())
-
-      expect(wrapper.find('.hi-dropdown--text').find('button.hi-btn--appearance--link')).toHaveLength(1);
-      expect(wrapper.find('.hi-dropdown--button').find('button.hi-btn--type--default')).toHaveLength(1);
-      expect(wrapper.find('.hi-dropdown--group').find(_button["default"])).toHaveLength(2);
-      wrapper.unmount();
-    });
-    it('trigger', function () {
-      var triggers = ['click', 'contextmenu', 'hover'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, triggers.map(function (tt, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          key: index,
-          title: "\u5176\u5B83\u64CD\u4F5C",
-          data: datas,
-          trigger: tt
-        });
-      }), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u5176\u5B83\u64CD\u4F5C",
-        data: datas,
-        trigger: [].concat(triggers)
-      })));
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(0);
-      wrapper.find('.hi-dropdown').at(0).find(_button["default"]).simulate('click');
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(1);
-      wrapper.find('.hi-dropdown').at(0).find(_button["default"]).simulate('click');
-      wrapper.find('.hi-dropdown').at(1).find(_button["default"]).simulate('contextmenu');
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(2);
-      wrapper.find('.hi-dropdown').at(1).find(_button["default"]).simulate('click');
-      wrapper.find('.hi-dropdown').at(2).find(_button["default"]).simulate('mouseEnter');
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(3);
-      wrapper.find('.hi-dropdown').at(2).find(_button["default"]).simulate('mouseLeave');
-      wrapper.unmount();
-    });
-    it('onClick', function () {
-      var callback = jest.fn();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u5176\u5B83\u64CD\u4F5C",
-        data: datas,
-        onClick: callback,
-        trigger: "click"
-      }), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u5176\u5B83\u64CD\u4F5C",
-        data: datas
-      })));
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-
-      _testUtils.Simulate.click(document.querySelectorAll('.hi-dropdown__menu-item')[0]);
-
-      expect(callback).toHaveBeenCalled();
-      expect(callback).toHaveBeenCalledWith(1);
-      wrapper.unmount();
-    });
-    it('placement', function () {
-      var plcs = ['bottom-start', 'top-start', 'bottom', 'top'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, plcs.map(function (plc, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          key: index,
-          data: datas,
-          placement: plc
-        });
-      })));
-      plcs.map(function (plc, index) {
-        wrapper.find('.hi-dropdown').at(index).find('button').simulate('mouseEnter');
-        expect(document.querySelectorAll(".hi-popper__content--".concat(plc))).toHaveLength(1);
-      });
-      wrapper.unmount();
-    });
-  });
-  describe('DataItem', function () {
-    var callback = (0, _sinon.spy)();
-    var outCallback = (0, _sinon.spy)();
-    var _datas = [{
-      title: '同步',
-      onClick: callback
-    }, {
-      title: '上传',
-      disabled: true
-    }, {
-      title: '-'
-    }, {
-      title: '删除',
-      value: 'other'
-    }, {
-      title: '删除',
-      url: 'xx.com'
-    }];
-    it('item', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u64CD\u4F5C",
-        data: _datas,
-        onClick: outCallback,
-        trigger: ['click', 'hover']
-      }));
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-      expect(document.querySelectorAll('.hi-dropdown__divider')).toHaveLength(1);
-
-      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__popper'));
-
-      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__menu-item'));
-
-      _testUtils.Simulate.mouseLeave(document.querySelector('.hi-dropdown__menu-item'));
-
-      _testUtils.Simulate.mouseLeave(document.querySelector('.hi-dropdown__popper'));
-
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-      wrapper.unmount();
-    });
-    it('handleDocumentClick', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u64CD\u4F5C",
-        data: _datas,
-        onClick: outCallback,
-        trigger: ['click', 'hover']
-      }));
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
-      expect(document.querySelectorAll('.hi-dropdown__divider')).toHaveLength(1);
-      trigger(wrapper.find('.hi-dropdown').at(0).find('button').getDOMNode(), 'mouseenter');
-      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
-      wrapper.unmount();
-    });
-    it('disabled', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        title: "\u64CD\u4F5C",
-        disabled: true,
-        data: _datas,
-        onClick: outCallback,
-        trigger: ['click', 'hover']
-      }));
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-      expect(wrapper.find('.hi-dropdown--disabled')).toHaveLength(1);
-      wrapper.unmount();
-    });
-    it('prefix && suffix', function () {
-      var dataV1 = [{
-        title: 'one'
-      }, {
-        title: 'two',
-        prefix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-          name: "add"
-        }) // 此 prefix 将会被替换为外部的 prefix
-
-      }, {
-        title: 'three',
-        suffix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-          name: "truck"
-        })
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        list: dataV1,
-        title: "\u6309\u94AE\u83DC\u5355",
-        type: "button",
-        onClick: function onClick(val) {},
-        prefix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-          name: "list"
-        })
-      }));
-      wrapper.find('.hi-dropdown').at(0).find('button').at(0).simulate('click');
-      wrapper.unmount();
-    });
-    it('level', function () {
-      var _data = [{
-        title: 'Move',
-        children: [{
-          title: '2019',
-          children: [{
-            title: 'Q1',
-            children: [{
-              title: '01'
-            }, {
-              title: '02'
-            }, {
-              title: '03'
-            }]
-          }, {
-            title: 'Q2',
-            disabled: true
-          }, {
-            title: 'Q3'
-          }]
-        }]
-      }, {
-        title: 'Copy',
-        children: [{
-          title: '2019',
-          children: [{
-            title: 'Q1',
-            disabled: true,
-            children: [{
-              title: '01'
-            }, {
-              title: '02'
-            }, {
-              title: '03'
-            }]
-          }, {
-            title: 'Q2'
-          }, {
-            title: 'Q3'
-          }]
-        }]
-      }, {
-        title: '删除'
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: _data,
-        trigger: "click"
-      }));
-      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
-
-      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__menu-item'));
-
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(2);
-
-      _testUtils.Simulate.mouseEnter(document.querySelectorAll('.hi-dropdown__popper')[1]);
-
-      _testUtils.Simulate.mouseEnter(document.querySelectorAll('.hi-dropdown__popper')[1].querySelector('.hi-dropdown__menu-item'));
-
-      _testUtils.Simulate.mouseLeave(document.querySelectorAll('.hi-dropdown__popper')[1].querySelector('.hi-dropdown__menu-item'));
-
-      _testUtils.Simulate.mouseLeave(document.querySelectorAll('.hi-dropdown__popper')[1]);
-
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(3);
-      wrapper.unmount();
-    });
-  });
-  describe('Branches', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      title: "\u64CD\u4F5C",
-      list: datas,
-      trigger: ['click', 'hover']
-    }));
-  });
-});

package/es/dropdown/utils.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIsTriggerEqualHover = getIsTriggerEqualHover;
-exports.getIsTriggerEqualContextmenu = getIsTriggerEqualContextmenu;
-exports.trimTriggers = trimTriggers;
-
-function getIsTriggerEqualHover(_ref) {
-  var trigger = _ref.trigger;
-  return trigger === 'hover';
-}
-
-function getIsTriggerEqualContextmenu(_ref2) {
-  var trigger = _ref2.trigger;
-  return trigger === 'contextmenu';
-}
-
-function trimTriggers(_ref3) {
-  var trigger = _ref3.trigger;
-
-  if (Array.isArray(trigger)) {
-    var triggers = Array.from(new Set(trigger));
-    return triggers.map(function (trigger) {
-      return {
-        trigger: trigger
-      };
-    });
-  }
-
-  return [{
-    trigger: trigger
-  }];
-}

package/es/form/Form.js

@@ -1,180 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Form = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Form, _Component);
-
-  var _super = _createSuper(Form);
-
-  function Form(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Form);
-    _this = _super.call(this, props);
-    _this.state = {
-      fields: []
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Form, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        component: this
-      };
-    }
-  }, {
-    key: "getClassNames",
-    value: function getClassNames() {
-      var _this$props = this.props,
-          labelPlacement = _this$props.labelPlacement,
-          labelPosition = _this$props.labelPosition,
-          placement = _this$props.placement,
-          inline = _this$props.inline;
-      var obj = {};
-
-      if (labelPlacement || labelPosition) {
-        obj["hi-form--label--".concat(labelPlacement || labelPosition)] = true;
-      }
-
-      if (placement === 'horizontal' || inline) {
-        obj["hi-form--inline"] = true;
-      }
-
-      return obj;
-    }
-  }, {
-    key: "addField",
-    value: function addField(field) {
-      this.setState(function (prevState) {
-        return {
-          fields: prevState.fields.concat(field)
-        };
-      });
-    }
-  }, {
-    key: "removeField",
-    value: function removeField(prop) {
-      this.setState(function (prevState) {
-        return {
-          fields: prevState.fields.filter(function (field) {
-            return field.props.field !== prop;
-          })
-        };
-      });
-    }
-  }, {
-    key: "validate",
-    value: function validate(cb) {
-      var valid = true;
-      var count = 0;
-      var fields = this.state.fields;
-
-      if (fields.length === 0 && cb) {
-        cb(valid);
-      }
-
-      fields.forEach(function (field) {
-        field.validate('', function (errors) {
-          if (errors) {
-            valid = false;
-          }
-
-          if (typeof cb === 'function' && ++count === fields.length) {
-            cb(valid);
-          }
-        });
-      });
-    }
-  }, {
-    key: "validateField",
-    value: function validateField(key, cb) {
-      var field = this.state.fields.filter(function (field) {
-        return field.props.field === key;
-      })[0];
-
-      if (!field) {
-        throw new Error('must call validate Field with valid key string!');
-      }
-
-      field.validate('', cb);
-    }
-  }, {
-    key: "resetValidates",
-    value: function resetValidates() {
-      this.state.fields.forEach(function (field) {
-        field.resetValidate();
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          className = _this$props2.className,
-          style = _this$props2.style;
-      return /*#__PURE__*/_react["default"].createElement("form", {
-        className: (0, _classnames["default"])('hi-form', className, this.getClassNames()),
-        style: style,
-        onSubmit: function onSubmit(e) {
-          // 阻止只有一个表单时候；回车会触发form的提交操作
-          e.preventDefault();
-          return false;
-        }
-      }, children);
-    }
-  }]);
-  return Form;
-}(_react.Component);
-
-Form.childContextTypes = {
-  component: _propTypes["default"].any
-};
-Form.propTypes = {
-  model: _propTypes["default"].object,
-  rules: _propTypes["default"].object,
-  labelPlacement: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labelPosition: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  placement: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  inline: _propTypes["default"].bool,
-  onSubmit: _propTypes["default"].func,
-  showColon: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-Form.defaultProps = {
-  size: 'small',
-  showColon: true
-};
-var _default = Form;
-exports["default"] = _default;