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

package/es/tag/TagGroup.js

@@ -1,235 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var noop = function noop() {};
-
-var TagGroup = function TagGroup(_ref) {
-  var editable = _ref.editable,
-      _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? 'hi-tag-group' : _ref$prefixCls,
-      data = _ref.data,
-      _ref$onAdd = _ref.onAdd,
-      onAdd = _ref$onAdd === void 0 ? noop : _ref$onAdd,
-      _ref$onEdit = _ref.onEdit,
-      onEdit = _ref$onEdit === void 0 ? noop : _ref$onEdit,
-      _ref$onDelete = _ref.onDelete,
-      onDelete = _ref$onDelete === void 0 ? noop : _ref$onDelete;
-  var newInputRef = (0, _react.useRef)();
-  var editInputRef = (0, _react.useRef)();
-  var tagGroupRef = (0, _react.useRef)();
-  var editActiveRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      newInputValue = _useState2[0],
-      setNewInputValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      inputVisible = _useState4[0],
-      setInputVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(-1),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      editInputId = _useState6[0],
-      setEditInputId = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      editInputValue = _useState8[0],
-      setEditInputValue = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(-1),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      hoverIndex = _useState10[0],
-      setHoverIndex = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(data.map(function (d) {
-    return d.tagId;
-  })),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 1),
-      renderedItem = _useState12[0];
-
-  (0, _react.useEffect)(function () {
-    if (inputVisible) {
-      newInputRef.current.focus();
-    }
-  }, [inputVisible]);
-  (0, _react.useEffect)(function () {
-    if (editInputId !== -1) {
-      editInputRef.current.focus();
-    }
-  }, [editInputId]); // 新建 tags
-
-  var handleInputConfirm = (0, _react.useCallback)(function () {
-    if (newInputValue) {
-      onAdd({
-        title: newInputValue,
-        tagId: new Date().getTime()
-      }, data.length);
-      setNewInputValue('');
-    }
-
-    setInputVisible(false);
-  }, [newInputValue, data]); // 关闭 tags
-
-  var handleClose = (0, _react.useCallback)(function (tagId) {
-    var index = data.map(function (item) {
-      return item.tagId;
-    }).indexOf(tagId);
-
-    if (index !== -1) {
-      onDelete(data[index], index);
-    }
-  }, [data]); // 展示新建input
-
-  var showInput = (0, _react.useCallback)(function () {
-    setInputVisible(true);
-  }, []); // 双击
-
-  var onDoubleClick = (0, _react.useCallback)(function (editInputId, title) {
-    var index = data.map(function (item) {
-      return item.tagId;
-    }).indexOf(editInputId);
-
-    var _tagGroupRef$current$ = tagGroupRef.current.getElementsByClassName('hi-tag')[index].getBoundingClientRect(),
-        width = _tagGroupRef$current$.width;
-
-    editActiveRef.current = width;
-    setEditInputId(editInputId);
-    setEditInputValue(title);
-    setInputVisible(false);
-    setNewInputValue('');
-    setHoverIndex(-1);
-  }, [data]); // 修改
-
-  var handleEditInputConfirm = (0, _react.useCallback)(function (e) {
-    var index = data.map(function (item) {
-      return item.tagId;
-    }).indexOf(editInputId);
-    onEdit(editInputValue === '' ? null : {
-      tagId: editInputId,
-      title: editInputValue
-    }, index);
-    setEditInputId(-1);
-    setEditInputValue('');
-  }, [editInputValue, data]); // 编辑状态文本框change
-
-  var handleEditInputChange = (0, _react.useCallback)(function (e) {
-    setEditInputValue(e.target.value);
-  }, []);
-  var getTag = (0, _react.useCallback)(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      key: item.tagId,
-      id: item.tagId,
-      editable: item.editable,
-      closable: item.closable,
-      handleClose: handleClose,
-      onDoubleClick: onDoubleClick,
-      isLongTag: item.isLongTag,
-      hoverIndex: hoverIndex,
-      transition: !renderedItem.includes(item.tagId),
-      onMouseEnter: function onMouseEnter(id) {
-        return setHoverIndex(id);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHoverIndex(-1);
-      }
-    }, item.title);
-  }, [hoverIndex, handleClose, onDoubleClick, renderedItem]);
-  var renderItem = (0, _react.useCallback)(function (data) {
-    var item = _objectSpread({}, data);
-
-    item.isLongTag = item.title.length > 20;
-
-    if (editInputId === item.tagId) {
-      return /*#__PURE__*/_react["default"].createElement("input", {
-        ref: editInputRef,
-        key: item.tagId,
-        value: editInputValue,
-        className: "".concat(prefixCls, "__editable--input"),
-        style: {
-          width: editActiveRef.current
-        },
-        onChange: handleEditInputChange,
-        onBlur: handleEditInputConfirm,
-        onKeyDown: function onKeyDown(e) {
-          if (e.keyCode === 13) {
-            handleEditInputConfirm(e);
-          }
-        }
-      });
-    } else {
-      return item.isLongTag ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-        title: item.title,
-        key: item.tagId
-      }, getTag(item)) : getTag(item);
-    }
-  }, [editInputId, editInputValue, handleEditInputChange, getTag, handleEditInputConfirm]);
-  var tagGroupClass = {
-    'hi-tag-group__editable': editable
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls, tagGroupClass),
-    ref: tagGroupRef
-  }, data.map(function (item) {
-    if (editable) {
-      item.editable = item.editable === undefined ? editable : item.editable;
-      item.closable = item.closable === undefined ? editable : item.closable;
-    }
-
-    return renderItem(item);
-  }), editable && !inputVisible && /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: function onClick() {
-      return showInput();
-    },
-    className: "".concat(prefixCls, "__editable--plus")
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "plus"
-  })), editable && inputVisible && /*#__PURE__*/_react["default"].createElement("input", {
-    ref: newInputRef,
-    type: "text",
-    value: newInputValue || '',
-    className: "".concat(prefixCls, "__editable--input"),
-    onChange: function onChange(e) {
-      setNewInputValue(e.target.value);
-    },
-    onBlur: function onBlur(e) {
-      return handleInputConfirm(e);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === 13) {
-        handleInputConfirm(e);
-      }
-    }
-  }));
-};
-
-var _default = TagGroup;
-exports["default"] = _default;

package/es/tag/TagItem.js

@@ -1,116 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _reactTransitionGroup = require("react-transition-group");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var noop = function noop() {};
-
-var InternalTagItem = function InternalTagItem(_ref) {
-  var _classNames;
-
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'primary' : _ref$type,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      onClick = _ref.onClick,
-      children = _ref.children,
-      color = _ref.color,
-      _ref$closable = _ref.closable,
-      closable = _ref$closable === void 0 ? false : _ref$closable,
-      editable = _ref.editable,
-      _ref$handleClose = _ref.handleClose,
-      handleClose = _ref$handleClose === void 0 ? noop : _ref$handleClose,
-      _ref$onDoubleClick = _ref.onDoubleClick,
-      _onDoubleClick = _ref$onDoubleClick === void 0 ? noop : _ref$onDoubleClick,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      id = _ref.id,
-      _ref$isLongTag = _ref.isLongTag,
-      isLongTag = _ref$isLongTag === void 0 ? false : _ref$isLongTag,
-      _ref$onMouseEnter = _ref.onMouseEnter,
-      _onMouseEnter = _ref$onMouseEnter === void 0 ? noop : _ref$onMouseEnter,
-      _ref$onMouseLeave = _ref.onMouseLeave,
-      onMouseLeave = _ref$onMouseLeave === void 0 ? noop : _ref$onMouseLeave,
-      _ref$hoverIndex = _ref.hoverIndex,
-      hoverIndex = _ref$hoverIndex === void 0 ? -1 : _ref$hoverIndex,
-      _ref$shape = _ref.shape,
-      shape = _ref$shape === void 0 ? 'round' : _ref$shape,
-      innerRef = _ref.innerRef,
-      transition = _ref.transition,
-      className = _ref.className;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      vi = _useState2[0],
-      setVi = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setVi(transition);
-  }, [transition]);
-  var tagStyle = color ? {
-    background: appearance === 'default' ? color : '',
-    borderColor: color,
-    color: appearance === 'line' ? color : ''
-  } : {};
-  return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-    "in": vi,
-    timeout: 300,
-    classNames: 'tag-transition'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])('hi-tag', (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "hi-tag--".concat(type), type), (0, _defineProperty2["default"])(_classNames, 'hi-tag--line', appearance === 'line'), (0, _defineProperty2["default"])(_classNames, 'hi-tag--square', shape === 'square'), _classNames), className),
-    ref: innerRef,
-    onClick: onClick,
-    style: _objectSpread(_objectSpread({}, style), tagStyle),
-    onDoubleClick: function onDoubleClick() {
-      if (editable) {
-        _onDoubleClick(id, children);
-      }
-    },
-    onMouseEnter: function onMouseEnter() {
-      _onMouseEnter(id);
-    },
-    onMouseLeave: onMouseLeave
-  }, isLongTag ? children.slice(0, 20) + '...' : children, closable && /*#__PURE__*/_react["default"].createElement("button", {
-    className: "hi-tag__btn",
-    type: "button"
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "close",
-    onClick: function onClick(e) {
-      handleClose(id);
-    }
-  }))));
-};
-
-var TagItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(InternalTagItem, (0, _extends2["default"])({}, props, {
-    innerRef: ref
-  }));
-});
-var _default = TagItem;
-exports["default"] = _default;

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = require("sinon");
-
-var _ = require("../");
-
-describe('Tag', function () {
-  describe('ProtoType', function () {
-    it('type', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        type: "primary"
-      }), /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        type: "danger"
-      }), /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        type: "success"
-      }), /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        type: "warning"
-      })));
-      expect(wrapper.find(".hi-tag__container--warning")).toHaveLength(1);
-      expect(wrapper.find('.hi-tag__container--primary')).toHaveLength(1);
-      expect(wrapper.find('.hi-tag__container--success')).toHaveLength(1);
-      expect(wrapper.find('.hi-tag__container--danger')).toHaveLength(1);
-    });
-    it('appearance', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        appearance: "line"
-      }), /*#__PURE__*/_react["default"].createElement(_.Tag, null)));
-      expect(wrapper.find('.hi-tag__container--line')).toHaveLength(1);
-      expect(wrapper.find('.hi-tag__container--default')).toHaveLength(1);
-    });
-    it('onClick', function () {
-      var callback = (0, _sinon.fake)();
-      var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_.Tag, {
-        onClick: callback
-      }));
-      wrapper.find('.hi-tag__container--click').simulate('click');
-      expect(callback.callCount).toEqual(1);
-    });
-  });
-});

package/es/tag/index.d.ts

@@ -1,32 +0,0 @@
-import React from 'react'
-export type TagItem = {
-  title?: string;
-  tagId?: string | number;
-  closable?: boolean;
-  editable?: boolean;
-}
-
-export interface TagProps {
-  type?: 'primary' | 'success' | 'warning' | 'danger'
-  appearance?: 'default' | 'line'
-  shape?: 'round' | 'square'
-  color?: string
-  style?: React.CSSProperties
-  className?: string
-  onClick?: (e: React.MouseEvent) => void
-}
-
-export interface TagGroupProps {
-  data?: TagItem[]
-  editable?: boolean
-  onAdd?: (addNode: TagItem, index: number) => void
-  onEdit?: (addNode: TagItem, index: number) => void
-  onDelete?: (addNode: TagItem, index: number) => void
-}
-
-declare class TagGroup extends React.Component<TagGroupProps, any> {
-}
-declare class Tag extends React.Component<TagProps, any> {
-  static Group = TagGroup
-}
-export default Tag

package/es/tag/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _TagItem = _interopRequireDefault(require("./TagItem"));
-
-var _TagGroup = _interopRequireDefault(require("./TagGroup"));
-
-require("./style/index");
-
-_TagItem["default"].Group = _TagGroup["default"];
-var _default = _TagItem["default"];
-exports["default"] = _default;

package/es/tag/style/index.css

@@ -1 +0,0 @@
-.tag-transition-enter{opacity:0}.tag-transition-enter-done{opacity:1;-webkit-transition:opacity 0.3s !important;transition:opacity 0.3s !important}.tag-transition-exit{opacity:1}.tag-transition-exit-done{opacity:0;-webkit-transition:opacity 3s;transition:opacity 3s}.hi-tag{padding:0 6px;color:var(--color-white);line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin-right:4px;margin-left:4px;border-radius:11px;font-size:12px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.hi-tag:hover{opacity:0.85}.hi-tag--primary{background-color:var(--color-primary);border:1px solid var(--color-primary)}.hi-tag--warning{background-color:#ffb31a;border:1px solid #ffb31a}.hi-tag--success{background-color:#1da553;border:1px solid #1da553}.hi-tag--danger{background-color:#f44343;border:1px solid #f44343}.hi-tag--default{background-color:var(--color-gray-70);border:1px solid var(--color-gray-70)}.hi-tag--line{background:var(--color-white)}.hi-tag--line.hi-tag--primary{border:1px solid var(--color-primary);color:var(--color-primary)}.hi-tag--line.hi-tag--warning{border:1px solid #ffb31a;color:#ffb31a}.hi-tag--line.hi-tag--success{border:1px solid #1da553;color:#1da553}.hi-tag--line.hi-tag--danger{border:1px solid #f44343;color:#f44343}.hi-tag--line.hi-tag--default{border:1px solid var(--color-gray-70);color:var(--color-gray-70)}.hi-tag.hi-tag--square{border-radius:2px}.hi-tag .hi-tag__btn{width:16px;height:16px;margin:0;padding:0;border:0;border-radius:2px;outline:0;font-size:12px;line-height:16px;cursor:pointer;opacity:0.54;background-color:transparent;color:inherit;-webkit-transition:opacity .15s ease-in,-webkit-box-shadow .15s ease-in;transition:opacity .15s ease-in,-webkit-box-shadow .15s ease-in;transition:box-shadow .15s ease-in,opacity .15s ease-in;transition:box-shadow .15s ease-in,opacity .15s ease-in,-webkit-box-shadow .15s ease-in}.hi-tag .hi-tag__btn:focus,.hi-tag .hi-tag__btn:hover,.hi-tag .hi-tag__btn:active{opacity:1}.hi-tag-group__editable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tag-group__editable .hi-tag{background:var(--color-white);border:1px solid var(--color-gray-30);color:var(--color-black);cursor:pointer;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-tag-group__editable .hi-tag:hover{border:1px solid var(--color-primary) !important;opacity:1}.hi-tag-group__editable .hi-tag .hi-icon{margin-left:3px;cursor:pointer}.hi-tag-group__editable--input{margin:0 4px;border-radius:11px;border:1px solid var(--color-primary);outline:none;padding:2px 8px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;line-height:16px}.hi-tag-group__editable--plus{width:50px;border-radius:11px;border:1px dashed var(--color-gray-30);display:inline-block;line-height:20px;text-align:center;margin-left:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:12px;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-tag-group__editable--plus:hover{border-color:var(--color-primary)}

package/es/tag/style/index.js

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

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

@@ -1,198 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _index = _interopRequireDefault(require("../index"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-describe('Timeline', function () {
-  describe('props', function () {
-    it('data', function () {
-      var datas = [{
-        title: 'Title - 1',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 12:00:00'
-      }, {
-        title: 'Title 2',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 14:24:00'
-      }, {
-        title: 'Title 3',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 15:00:00',
-        children: [{
-          title: 'Sub 1',
-          content: 'Here are some descriptions'
-        }, {
-          title: 'Sub 2',
-          content: 'Here are some descriptions'
-        }]
-      }, {
-        title: 'Title 2-2',
-        content: 'Here are some descriptions',
-        timestamp: '12:00'
-      }, {
-        title: 'Title 4',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 19:55:00'
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: datas
-      }));
-      expect(wrapper.find('.hi-timeline')).toHaveLength(1);
-      expect(wrapper.find('.hi-timeline__item')).toHaveLength(6); // 点击展开按钮
-
-      expect(wrapper.find('.hi-timeline__item--folding').find('ul')).toHaveLength(0);
-      wrapper.find('.hi-timeline__arrow').first().simulate('click');
-      expect(wrapper.find('.hi-timeline__item--folding').find('ul')).toHaveLength(1);
-      expect(wrapper.find('.hi-timeline__item--sub')).toHaveLength(2);
-    });
-    it('type', function () {
-      var datas = [{
-        groupTitle: '2月',
-        children: [{
-          title: 'Title - 1',
-          content: 'Here are some descriptions',
-          timestamp: '10:00',
-          extraTime: '02-23'
-        }, {
-          title: 'Title 2',
-          content: 'Here are some descriptions',
-          timestamp: '10:00',
-          extraTime: '02-27'
-        }]
-      }, {
-        groupTitle: '3月',
-        children: [{
-          title: 'Title 3',
-          content: 'Here are some descriptions',
-          timestamp: '12:00',
-          extraTime: '03-02'
-        }, {
-          title: 'Title 4',
-          content: 'Here are some descriptions',
-          timestamp: '11:00',
-          extraTime: '03-10'
-        }]
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: datas
-      }));
-      expect(wrapper.find('.hi-timeline').hasClass('hi-timeline--normal')).toBeTruthy();
-      expect(wrapper.find('.hi-timeline').hasClass('hi-timeline--cross')).toBeFalsy();
-      wrapper.setProps({
-        type: 'cross'
-      });
-      expect(wrapper.find('.hi-timeline').hasClass('hi-timeline--normal')).toBeFalsy();
-      expect(wrapper.find('.hi-timeline').hasClass('hi-timeline--cross')).toBeTruthy();
-    });
-  });
-  describe("oldProps", function () {
-    it('list ,same as data', function () {
-      var lists = [{
-        title: 'Title - 1',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 12:00:00'
-      }, {
-        title: 'Title 2',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 14:24:00'
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        list: lists
-      }));
-      expect(wrapper.find('.hi-timeline')).toHaveLength(1);
-      expect(wrapper.find('.hi-timeline__item')).toHaveLength(2);
-    });
-    it('dot in dataItem,same as icon', function () {
-      var ele = /*#__PURE__*/_react["default"].createElement("span", {
-        className: "dotEle"
-      }, "111");
-
-      var data = [{
-        title: 'Title - 1',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 12:00:00'
-      }, {
-        title: 'Title 2',
-        dot: ele,
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 14:24:00'
-      }, {
-        icon: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-          name: "collection",
-          style: {
-            fontSize: 16,
-            color: 'red'
-          }
-        }),
-        title: 'Title 2-2',
-        content: 'Here are some descriptions',
-        timestamp: '12:00'
-      }, {
-        title: 'Title 4',
-        icon: 'circle',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 19:55:00'
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data
-      }));
-      expect(wrapper.find('.hi-timeline__dot')).toHaveLength(4);
-      expect(wrapper.find('.hi-timeline__dot--custom')).toHaveLength(3);
-    });
-    it('description in dataItem,same as content', function () {
-      var data = [{
-        title: 'Title - 1',
-        content: 'Here are some descriptions',
-        timestamp: '2019.02.24 12:00:00'
-      }, {
-        title: 'Title 2',
-        description: 'Here are some descriptions',
-        timestamp: '2019.02.24 14:24:00'
-      }];
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data
-      }));
-      expect(wrapper.find('.hi-timeline__desc')).toHaveLength(2);
-    });
-  });
-  describe('layout effect with type,equal with only type', function () {
-    var data = [{
-      title: 'Title - 1',
-      content: 'Here are some descriptions',
-      timestamp: '2019.02.24 12:00:00'
-    }, {
-      title: 'Title 2',
-      content: 'Here are some descriptions',
-      timestamp: '2019.02.24 14:24:00'
-    }];
-    it('cross', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data,
-        layout: "cross",
-        type: "default"
-      }), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data,
-        type: "cross"
-      })));
-      expect(wrapper.find('.hi-timeline--cross').first().html()).toEqual(wrapper.find('.hi-timeline--cross').last().html());
-    });
-    it('right', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data,
-        layout: "right",
-        type: "default"
-      }), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data,
-        type: "right"
-      })));
-      expect(wrapper.find('.hi-timeline--right').first().html()).toEqual(wrapper.find('.hi-timeline--right').last().html());
-    });
-  });
-});

package/es/timeline/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react'
-export type TimelineItem = {
-  title: string | JSX.Element
-  content?: string | JSX.Element
-  timestamp?: string
-  extraTime?: string
-  icon?: string | JSX.Element
-}
-export type TimelineGroupItem = {
-  groupTitle: string | JSX.Element
-  children: TimelineItem[]
-}
-export interface TimelineProps {
-  type?: 'default' | 'right' | 'cross'
-  data: TimelineItem[] | TimelineGroupItem[]
-}
-declare const Timeline: React.ComponentType<TimelineProps>
-export default Timeline