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

package/es/tooltip/index.js

@@ -1,210 +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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-require("./style/index");
-
-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; }
-
-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 prefixCls = 'hi-tooltip';
-var tooltipInstance = {};
-
-var Tooltip = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Tooltip, _Component);
-
-  var _super = _createSuper(Tooltip);
-
-  function Tooltip() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Tooltip);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      tooltipShow: _this.props.defaultVisible
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "compatDisabledBtn", function (el) {
-      if (el && el.type && el.type.IS_HI_COMPONENT && el.props.disabled) {
-        return /*#__PURE__*/_react["default"].cloneElement(el, {
-          style: _objectSpread(_objectSpread({}, el.props.style), {}, {
-            pointerEvents: 'none'
-          })
-        });
-      } else {
-        return el;
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Tooltip, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          placement = _this$props.placement,
-          style = _this$props.style,
-          className = _this$props.className,
-          _onClick = _this$props.onClick,
-          title = _this$props.title,
-          children = _this$props.children,
-          visible = _this$props.visible;
-      var eleClass = (0, _classnames["default"])("".concat(prefixCls, "-base"), placement && "".concat(prefixCls, "-").concat(placement));
-      var tooltipShow = this.state.tooltipShow;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(prefixCls, className),
-        style: style,
-        onMouseEnter: function onMouseEnter() {
-          _this2.setState({
-            tooltipShow: true
-          });
-        },
-        onMouseLeave: function onMouseLeave() {
-          _this2.setState({
-            tooltipShow: false
-          });
-        },
-        onClick: function onClick() {
-          _onClick && _onClick();
-        },
-        ref: function ref(node) {
-          _this2.tooltipContainer = node;
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "".concat(prefixCls, "__popper"),
-        show: [true, false].includes(visible) ? visible : tooltipShow,
-        attachEle: this.tooltipContainer,
-        placement: placement,
-        zIndex: 1070,
-        width: "auto"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: eleClass
-      }, title)), this.compatDisabledBtn(children));
-    }
-  }]);
-  return Tooltip;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Tooltip, "propTypes", {
-  defaultVisible: _propTypes["default"].bool,
-  placement: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-});
-(0, _defineProperty2["default"])(Tooltip, "defaultProps", {
-  placement: 'top',
-  defaultVisible: false,
-  onClick: function onClick() {}
-});
-
-function deprecatedOpen(_ref) {
-  var target = _ref.target,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-      title = _ref.title;
-  var mountNode = document.createElement('div');
-  var eleClass = (0, _classnames["default"])("".concat(prefixCls, "-base"), placement && "".concat(prefixCls, "-").concat(placement));
-  (0, _reactDom.render)( /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-    className: "".concat(prefixCls, "__popper"),
-    show: true,
-    attachEle: target,
-    placement: placement,
-    zIndex: 1070,
-    width: "auto"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: eleClass
-  }, title)), mountNode);
-
-  function deprecatedClose() {
-    mountNode && (0, _reactDom.unmountComponentAtNode)(mountNode);
-    mountNode = undefined;
-  }
-
-  return {
-    close: deprecatedClose
-  };
-}
-
-function open(target, _ref2) {
-  var _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
-      title = _ref2.title,
-      key = _ref2.key;
-  var mountNode = document.createElement('div');
-  var eleClass = (0, _classnames["default"])("".concat(prefixCls, "-base"), placement && "".concat(prefixCls, "-").concat(placement));
-  (0, _reactDom.render)( /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-    className: "".concat(prefixCls, "__popper"),
-    show: true,
-    attachEle: target,
-    placement: placement,
-    zIndex: 1070,
-    width: "auto"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: eleClass
-  }, title)), mountNode);
-  tooltipInstance[key] = mountNode;
-}
-
-function close(key) {
-  if (tooltipInstance[key]) {
-    (0, _reactDom.unmountComponentAtNode)(tooltipInstance[key]);
-    tooltipInstance[key].parentNode && tooltipInstance[key].parentNode.removeChild(tooltipInstance[key]);
-  }
-}
-
-function openWrapper(target, options) {
-  if (target.nodeName || (0, _typeof2["default"])(target) === 'object' && target.$$typeof) {
-    open(target, options);
-  } else {
-    return deprecatedOpen(target);
-  }
-}
-
-Tooltip.open = openWrapper;
-Tooltip.close = close;
-var _default = Tooltip;
-exports["default"] = _default;

package/es/tooltip/style/index.css

@@ -1 +0,0 @@
-.hi-tooltip{position:relative;display:inline-block}.hi-tooltip-base{border-radius:2px;background:var(--color-gray-80);font-size:12px;color:var(--color-white);padding:6px 12px;line-height:20px;white-space:nowrap;-webkit-transition:all 0.5s;transition:all 0.5s}.hi-tooltip-base::after{content:'';position:absolute;width:5px;height:5px;background:var(--color-gray-80)}.hi-tooltip-top{position:relative;margin-bottom:5px}.hi-tooltip-top::after{bottom:-2px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-right{position:relative;margin-left:5px}.hi-tooltip-right::after{left:-2px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.hi-tooltip-bottom{position:relative;margin-top:5px}.hi-tooltip-bottom::after{top:-2px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-left{position:relative;margin-right:5px}.hi-tooltip-left::after{right:-2px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.hi-tooltip-top-left{position:relative;margin-bottom:5px}.hi-tooltip-top-left::after{bottom:-2px;left:20%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-top-right{position:relative;margin-bottom:5px}.hi-tooltip-top-right::after{bottom:-2px;right:10%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-bottom-right{position:relative;margin-top:5px}.hi-tooltip-bottom-right::after{top:-2px;right:10%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-bottom-left{position:relative;margin-top:5px}.hi-tooltip-bottom-left::after{top:-2px;left:20%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.hi-tooltip-left-top{position:relative;margin-right:5px}.hi-tooltip-left-top::after{right:-2px;top:15%}.hi-tooltip-left-bottom{position:relative;margin-right:5px}.hi-tooltip-left-bottom::after{right:-2px;bottom:15%}.hi-tooltip-right-top{position:relative;margin-left:5px}.hi-tooltip-right-top::after{left:-2px;top:15%}.hi-tooltip-right-bottom{position:relative;margin-left:5px}.hi-tooltip-right-bottom::after{left:-2px;bottom:15%}

package/es/tooltip/style/index.js

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

package/es/transfer/Item.js

@@ -1,192 +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 _reactDom = require("react-dom");
-
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-
-var _reactDnd = require("react-dnd");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 Item = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Item, _Component);
-
-  var _super = _createSuper(Item);
-
-  function Item() {
-    (0, _classCallCheck2["default"])(this, Item);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Item, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          mode = _this$props.mode,
-          item = _this$props.item,
-          onClick = _this$props.onClick,
-          checkboxOnChange = _this$props.checkboxOnChange,
-          checked = _this$props.checked,
-          isDragging = _this$props.isDragging,
-          connectDragSource = _this$props.connectDragSource,
-          connectDropTarget = _this$props.connectDropTarget,
-          targetNode = _this$props.targetNode,
-          sourceNode = _this$props.sourceNode,
-          dir = _this$props.dir,
-          draggable = _this$props.draggable,
-          dividerPosition = _this$props.dividerPosition,
-          theme = _this$props.theme,
-          render = _this$props.render;
-      var sourceStyle = sourceNode === item.id && isDragging ? {
-        background: 'rgba(246,246,246,1)',
-        color: 'rgba(204,204,204,1)'
-      } : {};
-      var itemCls = (0, _classnames["default"])('hi-transfer__item', "theme__".concat(theme), item.disabled && 'hi-transfer__item--disabled');
-
-      var el = /*#__PURE__*/_react["default"].createElement("li", {
-        style: sourceStyle,
-        className: itemCls,
-        onClick: onClick,
-        onKeyDown: function onKeyDown(e) {
-          if (e.keyCode === 13) {
-            e.preventDefault();
-            onClick();
-          }
-        },
-        tabIndex: !item.disabled && mode === 'basic' ? 0 : -1
-      }, targetNode === item.id && isDragging && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-transfer__divider--".concat(dividerPosition)
-      }), mode !== 'basic' ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-        checked: checked,
-        disabled: item.disabled,
-        onChange: function onChange(e) {
-          checkboxOnChange(item.id, e.checked);
-        }
-      }, render ? render(item) : item.content) : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-transfer__item-content"
-      }, render ? render(item) : item.content));
-
-      return dir === 'right' && draggable ? connectDropTarget(connectDragSource(el)) : el;
-    }
-  }]);
-  return Item;
-}(_react.Component);
-
-var TYPE = 'CARD';
-var source = {
-  beginDrag: function beginDrag(props) {
-    props.setSourceNode(props.item.id);
-
-    if (props.onDragStart(props.item)) {
-      return {
-        sourceItem: props.item
-      };
-    }
-
-    return false;
-  },
-  isDragging: function isDragging(props, monitor) {
-    return props.id === monitor.getItem().id;
-  }
-};
-var target = {
-  canDrop: function canDrop(props, monitor) {
-    return true;
-  },
-  drop: function drop(props, monitor, component) {
-    var _monitor$getItem = monitor.getItem(),
-        sourceItem = _monitor$getItem.sourceItem;
-
-    var targetItem = props.item,
-        removeTargetNode = props.removeTargetNode,
-        move = props.move,
-        onDrop = props.onDrop;
-
-    if (onDrop(sourceItem, targetItem)) {
-      move(sourceItem, targetItem);
-      removeTargetNode();
-    }
-  },
-  hover: function hover(props, monitor, component) {
-    if (monitor.isOver({
-      shallow: true
-    })) {
-      var targetItem = props.item,
-          setTargetNode = props.setTargetNode,
-          positionX = props.positionX,
-          positionY = props.positionY,
-          setPosition = props.setPosition;
-      var sourcePosition = monitor.getClientOffset();
-      var targetComponent = (0, _reactDom.findDOMNode)(component).getBoundingClientRect();
-
-      if (!(sourcePosition.x === positionX && sourcePosition.y === positionY)) {
-        setPosition(sourcePosition.x, sourcePosition.y);
-        var dividerPosition = sourcePosition.y <= targetComponent.y + targetComponent.height / 2 ? 'up' : 'down';
-        setTargetNode(targetItem.id, dividerPosition);
-      }
-    }
-  }
-};
-var DragItem = (0, _reactDnd.DropTarget)(TYPE, target, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget()
-  };
-})((0, _reactDnd.DragSource)(TYPE, source, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
-  };
-})(Item));
-
-var HOCItem = function HOCItem(ItemComponent) {
-  return /*#__PURE__*/function (_Component2) {
-    (0, _inherits2["default"])(WrapperItem, _Component2);
-
-    var _super2 = _createSuper(WrapperItem);
-
-    function WrapperItem() {
-      (0, _classCallCheck2["default"])(this, WrapperItem);
-      return _super2.apply(this, arguments);
-    }
-
-    (0, _createClass2["default"])(WrapperItem, [{
-      key: "render",
-      value: function render() {
-        var _this$props2 = this.props,
-            dir = _this$props2.dir,
-            draggable = _this$props2.draggable;
-        return draggable && dir === 'right' ? /*#__PURE__*/_react["default"].createElement(DragItem, this.props) : /*#__PURE__*/_react["default"].createElement(ItemComponent, this.props);
-      }
-    }]);
-    return WrapperItem;
-  }(_react.Component);
-};
-
-var _default = HOCItem(Item);
-
-exports["default"] = _default;