@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/card/CoverCard.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var CoverCard = function CoverCard(_ref) {
-  var _classNames;
-
-  var cover = _ref.cover,
-      coverUrl = _ref.coverUrl,
-      content = _ref.content,
-      size = _ref.size,
-      title = _ref.title,
-      style = _ref.style,
-      className = _ref.className,
-      hoverable = _ref.hoverable,
-      bordered = _ref.bordered;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-card', 'hi-card--cover', className, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "hi-card--".concat(size), size), (0, _defineProperty2["default"])(_classNames, 'hi-card--hoverable', hoverable), (0, _defineProperty2["default"])(_classNames, 'hi-card--bordered', bordered), _classNames)),
-    style: style
-  }, coverUrl && /*#__PURE__*/_react["default"].createElement("img", {
-    src: coverUrl
-  }), cover, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-card__content"
-  }, title && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-card__title"
-  }, title), content));
-};
-
-var _default = CoverCard;
-exports["default"] = _default;

package/es/card/NormalCard.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var NormalCard = function NormalCard(_ref) {
-  var _classNames;
-
-  var children = _ref.children,
-      size = _ref.size,
-      title = _ref.title,
-      extra = _ref.extra,
-      showHeaderDivider = _ref.showHeaderDivider,
-      style = _ref.style,
-      className = _ref.className,
-      hoverable = _ref.hoverable,
-      bordered = _ref.bordered,
-      loading = _ref.loading;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-card', className, showHeaderDivider ? 'hi-card--standard' : 'hi-card--normal', (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "hi-card--".concat(size), size), (0, _defineProperty2["default"])(_classNames, 'hi-card--hoverable', hoverable), (0, _defineProperty2["default"])(_classNames, 'hi-card--bordered', bordered), _classNames)),
-    style: style
-  }, (title || extra) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-card__title"
-  }, title, extra), loading !== undefined ? /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    visible: loading
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-card__content"
-  }, children)) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-card__content"
-  }, children));
-};
-
-var _default = NormalCard;
-exports["default"] = _default;

package/es/card/SimpleCard.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var SimpleCard = function SimpleCard(_ref) {
-  var _classNames;
-
-  var children = _ref.children,
-      size = _ref.size,
-      style = _ref.style,
-      className = _ref.className,
-      hoverable = _ref.hoverable,
-      bordered = _ref.bordered;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-card', 'hi-card--simple', className, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "hi-card--".concat(size), size), (0, _defineProperty2["default"])(_classNames, 'hi-card--hoverable', hoverable), (0, _defineProperty2["default"])(_classNames, 'hi-card--bordered', bordered), _classNames)),
-    style: style
-  }, children);
-};
-
-var _default = SimpleCard;
-exports["default"] = _default;

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

@@ -1,180 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ = require("../");
-
-/* eslint-env jest */
-describe('Card', function () {
-  describe('Lifecycle', function () {
-    it('componentDidMount', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, null));
-      expect(wrapper.instance()).toBeInstanceOf(_.Card);
-      expect(wrapper.find(".hi-card")).toHaveLength(1);
-    });
-  });
-  describe('PropTypes', function () {
-    it('type', function () {
-      var types = ['simple', 'default'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, types.map(function (type, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          type: type
-        }, {
-          key: "".concat(type, "-").concat(index)
-        }));
-      })));
-      expect(wrapper.find(".hi-card")).toHaveLength(2);
-      expect(wrapper.find(".hi-card__content--simple")).toHaveLength(1);
-    });
-    it('extraType', function () {
-      var extraTypes = ['hover', 'default'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, extraTypes.map(function (extraType, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          extraType: extraType
-        }, {
-          key: "".concat("extraType", "-", index)
-        }));
-      })));
-      var firstCard = wrapper.find(_.Card).first();
-      expect(firstCard.state().extraShow).toBeFalsy();
-      firstCard.find('.hi-card').simulate('mouseenter');
-      expect(firstCard.state().extraShow).toBeTruthy();
-      firstCard.find('.hi-card').simulate('mouseleave');
-      expect(firstCard.state().extraShow).toBeFalsy();
-    });
-    it('extraShow', function () {
-      var extraShows = ['hover', 'stay'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, extraShows.map(function (extraShow, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          extraShow: extraShow
-        }, {
-          key: "".concat("extraShow", "-", index)
-        }));
-      })));
-      var firstCard = wrapper.find(_.Card).first();
-      expect(firstCard.state().extraShow).toEqual(false);
-      firstCard.find('.hi-card').simulate('mouseenter');
-      expect(firstCard.state().extraShow).toEqual(true);
-      firstCard.find('.hi-card').simulate('mouseleave');
-      expect(firstCard.state().extraShow).toEqual(false);
-    });
-    it('disabled', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, {
-        disabled: true
-      }));
-      expect(wrapper.find(".hi-card--disabled")).toHaveLength(1);
-    });
-    it('children', function () {
-      var Children = function Children() {
-        return /*#__PURE__*/_react["default"].createElement("div", null, "children");
-      };
-
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, null, /*#__PURE__*/_react["default"].createElement(Children, null)));
-      expect(wrapper.find(Children)).toHaveLength(1);
-    });
-    it('content', function () {
-      var content = 'custom-content';
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-        cover: /*#__PURE__*/_react["default"].createElement("div", null)
-      }, {
-        content: content
-      })));
-      expect(wrapper.text()).toEqual(expect.stringContaining(content));
-    });
-    it('description', function () {
-      var description = 'custom-description';
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-        cover: /*#__PURE__*/_react["default"].createElement("div", null)
-      }, {
-        description: description
-      })));
-      expect(wrapper.text()).toEqual(expect.stringContaining(description));
-    });
-    it('coverUrl', function () {
-      var coverUrl = 'custom-coverUrl';
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, {
-        coverUrl: coverUrl
-      }));
-      expect(wrapper.find('img').prop('src')).toEqual(coverUrl);
-    });
-    it('cover', function () {
-      var cover = /*#__PURE__*/_react["default"].createElement("div", {
-        className: "cover-class"
-      });
-
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, {
-        cover: cover
-      }));
-      expect(wrapper.find(".cover-class")).toHaveLength(1);
-    });
-    it('extra', function () {
-      var extras = [/*#__PURE__*/_react["default"].createElement("img", {
-        className: "extra-element-class"
-      }), 'extra-string', [/*#__PURE__*/_react["default"].createElement("i", {
-        className: "extra-array-element",
-        key: "extra-array-element"
-      }), 'extra-array-string']];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, extras.map(function (extra, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          extra: extra
-        }, {
-          key: "".concat("extra", "-", index)
-        }));
-      })));
-      expect(wrapper.find(".extra-element-class")).toHaveLength(1);
-      expect(wrapper.find(".extra-array-element")).toHaveLength(1);
-      expect(wrapper.text()).toEqual(expect.stringContaining('extra-string'));
-      expect(wrapper.text()).toEqual(expect.stringContaining('extra-array-string'));
-    });
-    it('title', function () {
-      var titles = [/*#__PURE__*/_react["default"].createElement("img", {
-        className: "title-element-class"
-      }), 'title-string'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, titles.map(function (title, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          title: title
-        }, {
-          key: "".concat("title", "-", index)
-        }));
-      })));
-      expect(wrapper.find(".title-element-class")).toHaveLength(1);
-      expect(wrapper.text()).toEqual(expect.stringContaining('title-string'));
-    });
-    it('hoverable', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, {
-        hoverable: true
-      }));
-      expect(wrapper.find(".hi-card--hover")).toHaveLength(1);
-    });
-    it('size', function () {
-      var sizes = ['small', 'default', 'large'];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, sizes.map(function (size, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Card, (0, _extends2["default"])({
-          type: "simple"
-        }, {
-          size: size
-        }, {
-          key: "".concat("size", "-", index)
-        }));
-      })));
-      expect(wrapper.find(".hi-card--small")).toHaveLength(1);
-      expect(wrapper.find(".hi-card--middle")).toHaveLength(1);
-      expect(wrapper.find(".hi-card--large")).toHaveLength(1);
-    });
-    it('style', function () {
-      var style = {
-        color: '#ffff00'
-      };
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_.Card, {
-        style: style
-      }));
-      expect(wrapper.find(".hi-card").prop('style')).toMatchObject(style);
-    });
-  });
-});

package/es/card/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react'
-export interface CardProps {
-  title?: string | JSX.Element
-  bordered?: boolean
-  size?: 'small' | 'default' | 'large'
-  type?: 'simple' | 'default'
-  hoverable?: boolean
-  extra?: JSX.Element
-  extraType?: 'default' | 'hover'
-  coverUrl?: string
-  content?: string | JSX.Element
-  style?: React.CSSProperties
-  className?: string
-  showHeaderDivider?: boolean
-}
-declare class Card extends React.Component<CardProps, any> {
-}
-export default Card

package/es/card/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("./style/index");
-
-var _SimpleCard = _interopRequireDefault(require("./SimpleCard"));
-
-var _NormalCard = _interopRequireDefault(require("./NormalCard"));
-
-var _CoverCard = _interopRequireDefault(require("./CoverCard"));
-
-var Card = function Card(_ref) {
-  var style = _ref.style,
-      className = _ref.className,
-      size = _ref.size,
-      hoverable = _ref.hoverable,
-      title = _ref.title,
-      extra = _ref.extra,
-      cover = _ref.cover,
-      coverUrl = _ref.coverUrl,
-      content = _ref.content,
-      children = _ref.children,
-      showHeaderDivider = _ref.showHeaderDivider,
-      type = _ref.type,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? true : _ref$bordered,
-      loading = _ref.loading;
-
-  if (cover || coverUrl) {
-    return /*#__PURE__*/_react["default"].createElement(_CoverCard["default"], {
-      cover: cover,
-      coverUrl: coverUrl,
-      size: size,
-      title: title,
-      style: style,
-      content: content,
-      hoverable: hoverable,
-      bordered: bordered
-    }, children);
-  }
-
-  if (type === 'simple') {
-    return /*#__PURE__*/_react["default"].createElement(_SimpleCard["default"], {
-      bordered: bordered,
-      size: size,
-      style: style,
-      className: className,
-      hoverable: hoverable
-    }, children);
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_NormalCard["default"], {
-      size: size,
-      title: title,
-      extra: extra,
-      style: style,
-      className: className,
-      showHeaderDivider: showHeaderDivider,
-      hoverable: hoverable,
-      bordered: bordered,
-      loading: loading
-    }, children);
-  }
-};
-
-exports.Card = Card;
-var _default = Card;
-exports["default"] = _default;

package/es/card/style/index.css

@@ -1 +0,0 @@
-.hi-card{border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--color-white)}.hi-card--bordered{border:1px solid var(--color-gray-20)}.hi-card--simple{height:40px;overflow:hidden;padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-card--simple.hi-card--small{width:136px}.hi-card--simple.hi-card--default{width:156px}.hi-card--simple.hi-card--large{width:176px}.hi-card--cover>img{display:block;width:100%;border-radius:2px 2px 0 0}.hi-card--cover .hi-card__title{margin-bottom:4px;font-size:16px;font-weight:600}.hi-card--cover .hi-card__content{padding:16px}.hi-card--cover.hi-card--small{width:276px}.hi-card--cover.hi-card--default{width:376px}.hi-card--cover.hi-card--large{width:576px}.hi-card--standard .hi-card__content{padding:24px}.hi-card--standard .hi-card__title{height:48px;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--color-gray-20);font-size:16px;font-weight:600}.hi-card--standard.hi-card--small{width:276px;min-height:138px}.hi-card--standard.hi-card--default{width:376px;min-height:188px}.hi-card--standard.hi-card--large{width:576px;min-height:196px}.hi-card--normal{padding:24px}.hi-card--normal .hi-card__title{font-size:16px;font-weight:600;margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-card--normal.hi-card--small{width:276px;min-height:138px}.hi-card--normal.hi-card--default{width:376px;min-height:188px}.hi-card--normal.hi-card--large{width:576px;min-height:196px}.hi-card--hoverable{-webkit-transition:-webkit-box-shadow 0.3s;transition:-webkit-box-shadow 0.3s;transition:box-shadow 0.3s;transition:box-shadow 0.3s, -webkit-box-shadow 0.3s}.hi-card--hoverable:hover{-webkit-box-shadow:0 2px 8px 0 var(--color-gray-10);box-shadow:0 2px 8px 0 var(--color-gray-10)}

package/es/card/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

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

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireDefault(require("sinon"));
-
-var _index = _interopRequireDefault(require("../index"));
-
-describe("Carousel", function () {
-  var clock;
-  beforeEach(function () {
-    clock = _sinon["default"].useFakeTimers();
-  });
-  afterEach(function () {
-    clock.restore();
-  });
-  var data = [1, 2, 3, 4, 5, 6, 7];
-  describe('lifeCycle', function () {
-    it('componentDidmount', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        defaultActive: 0,
-        duration: 300
-      }, data.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: index
-        }, item);
-      })));
-      expect(wrapper.find('.hi-carousel')).toHaveLength(1);
-      wrapper.find('.hi-carousel').simulate('mouseover');
-      clock.tick(310);
-      expect(wrapper.state("active")).toEqual(0);
-      expect(wrapper.state("showArrow")).toEqual(true);
-      wrapper.find('.hi-carousel').simulate('mouseout');
-      clock.tick(310);
-      expect(wrapper.state("active")).toEqual(1);
-      expect(wrapper.state("showArrow")).toEqual(false);
-    });
-    it('componentWillUnmount', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        defaultActive: 0,
-        duration: 300
-      }, data.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: index
-        }, item);
-      })));
-      wrapper.instance().componentWillUnmount();
-      clock.tick(310);
-      expect(wrapper.state("active")).toEqual(0);
-    });
-  });
-  describe('props', function () {
-    it('duration', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        duration: 300
-      }, /*#__PURE__*/_react["default"].createElement("div", null, "1"), /*#__PURE__*/_react["default"].createElement("div", null, "2"), /*#__PURE__*/_react["default"].createElement("div", null, "3")));
-      clock.tick(310);
-      expect(wrapper.state("active")).toEqual(1);
-      clock.tick(300);
-      expect(wrapper.state("active")).toEqual(2);
-    });
-    it('showDots', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "1"), /*#__PURE__*/_react["default"].createElement("div", null, "2"), /*#__PURE__*/_react["default"].createElement("div", null, "3"), /*#__PURE__*/_react["default"].createElement("div", null, "4")));
-      expect(wrapper.find('.hi-carousel__dots')).toHaveLength(1);
-      wrapper.find('.hi-carousel__dot').at(3).simulate('click');
-      expect(wrapper.state("active")).toEqual(3);
-      wrapper.setProps({
-        showDots: false
-      });
-      expect(wrapper.find('.hi-carousel__dots')).toHaveLength(0);
-    });
-    it('showArrows', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "1"), /*#__PURE__*/_react["default"].createElement("div", null, "2"), /*#__PURE__*/_react["default"].createElement("div", null, "3")));
-      expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(1);
-      wrapper.setProps({
-        showArrows: false
-      });
-      expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(0);
-    });
-    it('defaultActive', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        defaultActive: 0
-      }, /*#__PURE__*/_react["default"].createElement("div", null, "1"), /*#__PURE__*/_react["default"].createElement("div", null, "2"), /*#__PURE__*/_react["default"].createElement("div", null, "3")));
-      expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(1);
-      expect(wrapper.state("active")).toEqual(0);
-      wrapper.setProps({
-        defaultActive: -1
-      });
-      expect(wrapper.state("active")).toEqual(0);
-      wrapper.setProps({
-        defaultActive: 3
-      });
-      expect(wrapper.state("active")).toEqual(0);
-      wrapper.find('.hi-carousel__arrow').first().simulate('click');
-      expect(wrapper.state("active")).toEqual(2);
-      wrapper.find('.hi-carousel__arrow').last().simulate('click');
-      expect(wrapper.state("active")).toEqual(0);
-    });
-  });
-});

package/es/carousel/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react'
-export interface CarouselProps {
-  duration?: number
-  showDots?: boolean
-  showArrows?: boolean
-  defaultActive?: number
-  showPages?: boolean
-  children: JSX.Element[]
-  style?: React.CSSProperties
-  className?: string
-}
-declare const Carousel: React.ComponentType<CarouselProps>
-export default Carousel