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

package/es/popper/utils/useWaitForDOMRef.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = useWaitForDOMRef;
-exports.resolveContainerRef = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var ownerDocument = function ownerDocument(node) {
-  return node && node.ownerDocument || document;
-};
-
-var resolveContainerRef = function resolveContainerRef(ref) {
-  if (typeof document === 'undefined') return null;
-  if (ref == null) return ownerDocument().body;
-  if (typeof ref === 'function') ref = ref();
-  if (ref && 'current' in ref) ref = ref.current;
-  if (ref && ref.nodeType) return ref || null;
-  return null;
-};
-
-exports.resolveContainerRef = resolveContainerRef;
-
-function useWaitForDOMRef(ref, onResolved) {
-  var _useState = (0, _react.useState)(function () {
-    return resolveContainerRef(ref);
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      resolvedRef = _useState2[0],
-      setRef = _useState2[1];
-
-  if (!resolvedRef) {
-    var earlyRef = resolveContainerRef(ref);
-    if (earlyRef) setRef(earlyRef);
-  }
-
-  (0, _react.useEffect)(function () {
-    if (onResolved && resolvedRef) {
-      onResolved(resolvedRef);
-    }
-  }, [onResolved, resolvedRef]);
-  (0, _react.useEffect)(function () {
-    var nextRef = resolveContainerRef(ref);
-
-    if (nextRef !== resolvedRef) {
-      setRef(nextRef);
-    }
-  }, [ref, resolvedRef]);
-  return resolvedRef;
-}

package/es/preview/index.d.ts

@@ -1,16 +0,0 @@
-import React from "react"
-
-export interface PreviewProps {
-  visible?: boolean
-  showBar?: boolean
-  showArrow?: boolean
-  showCount?: boolean
-  images?: string[] | object[]
-  simpleData?: boolean
-  activeIndex?: number
-  style?: React.CSSProperties
-  onError?: (index: number) => void
-  className?: string
-}
-declare const Preview: React.ComponentType<PreviewProps>
-export default Preview

package/es/preview/index.js

@@ -1,442 +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 _reactDom = require("react-dom");
-
-var _reactAddonsCssTransitionGroup = _interopRequireDefault(require("react-addons-css-transition-group"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-require("./style/index.js");
-
-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 node = document.createElement('div');
-document.body.appendChild(node);
-
-var Preview = function Preview(_ref) {
-  var className = _ref.className,
-      propsvisible = _ref.visible,
-      simpleData = _ref.simpleData,
-      images = _ref.images,
-      _ref$activeIndex = _ref.activeIndex,
-      propsActiveIndex = _ref$activeIndex === void 0 ? 0 : _ref$activeIndex,
-      duration = _ref.duration,
-      _ref$showBar = _ref.showBar,
-      showBar = _ref$showBar === void 0 ? true : _ref$showBar,
-      propsOnClose = _ref.onClose,
-      showArrow = _ref.showArrow,
-      showCount = _ref.showCount,
-      onError = _ref.onError;
-
-  if (images.length === 0 || !propsvisible) {
-    return null;
-  }
-
-  var previewRef = (0, _react.useRef)();
-  var imgRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isLoaded = _useState2[0],
-      setIsLoaded = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isMouseDown = _useState6[0],
-      setIsMouseDown = _useState6[1];
-
-  var _useState7 = (0, _react.useState)({
-    mouseX: 0,
-    mouseY: 0
-  }),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      mouseCoord = _useState8[0],
-      setMouseCoord = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(propsActiveIndex),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      activeIndex = _useState10[0],
-      setactiveIndex = _useState10[1];
-
-  var _useState11 = (0, _react.useState)({
-    width: 0,
-    height: 0,
-    left: 0,
-    top: 0,
-    rotate: 0,
-    scaleX: 1,
-    scaleY: 1
-  }),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      style = _useState12[0],
-      setStyle = _useState12[1];
-
-  var _useState13 = (0, _react.useState)({}),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      compileStyle = _useState14[0],
-      setCompileStyle = _useState14[1];
-
-  var autoPlayTimer = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    setVisible(propsvisible);
-  }, [propsvisible]);
-  (0, _react.useEffect)(function () {
-    setactiveIndex(propsActiveIndex);
-  }, [propsActiveIndex]);
-  /**
-   * 修改图片样式
-   * @param {*} args 计算后的部分样式
-   */
-
-  var changeImageState = (0, _react.useCallback)(function (args) {
-    setStyle(_objectSpread({}, Object.assign({}, style, _objectSpread({}, args))));
-  }, [style]);
-  (0, _react.useEffect)(function () {
-    if (isLoaded) {
-      var _compileStyle = {
-        width: style.width,
-        height: style.height,
-        transform: "translateX(".concat(style.left, "px) translateY(").concat(style.top, "px) rotate(").concat(style.rotate, "deg) scaleX(").concat(style.scaleX, ") scaleY(").concat(style.scaleY, ")")
-      };
-      setCompileStyle(_objectSpread({}, _compileStyle));
-    }
-  }, [style, isLoaded]);
-  var handleMouseMove = (0, _react.useCallback)(function (e) {
-    if (isMouseDown) {
-      var diffX = e.clientX - mouseCoord.mouseX;
-      var diffY = e.clientY - mouseCoord.mouseY;
-      setMouseCoord({
-        mouseX: e.clientX,
-        mouseY: e.clientY
-      });
-      changeImageState({
-        left: style.left + diffX,
-        top: style.top + diffY
-      });
-    }
-  }, [isMouseDown, mouseCoord, changeImageState]);
-  var getImageCenterXY = (0, _react.useCallback)(function () {
-    var left = style.left,
-        top = style.top,
-        width = style.width,
-        height = style.height;
-    return {
-      x: left + width / 2,
-      y: top + height / 2
-    };
-  }, [style]);
-  /**
-   * 缩放事件
-   * @param {*} x 鼠标位置 x
-   * @param {*} y 鼠标位置 y
-   * @param {*} direct 方向
-   */
-
-  var handleZoom = (0, _react.useCallback)(function (x, y, direct) {
-    var speed = 0.05;
-    var imgCenterXY = getImageCenterXY();
-    var diffX = x - imgCenterXY.x;
-    var diffY = y - imgCenterXY.y;
-    var left = style.left,
-        top = style.top,
-        scaleX = style.scaleX,
-        scaleY = style.scaleY;
-    var directX = scaleX > 0 ? 1 : -1;
-    var directY = scaleY > 0 ? 1 : -1;
-
-    var _scaleX = scaleX + speed * direct * directX;
-
-    var _scaleY = scaleY + speed * direct * directY;
-
-    if (Math.abs(_scaleX) < 0.1 || Math.abs(_scaleY) < 0.1) {
-      return;
-    }
-
-    changeImageState({
-      scaleX: _scaleX,
-      scaleY: _scaleY,
-      top: top + -direct * diffY / scaleX * speed * directX,
-      left: left + -direct * diffX / scaleY * speed * directY
-    });
-  }, [getImageCenterXY, changeImageState]);
-  var handleMouseWheel = (0, _react.useCallback)(function (e) {
-    var direct = e.deltaY > 0 ? 1 : -1;
-
-    if (direct !== 0 && e.deltaY !== 0) {
-      var x = e.clientX;
-      var y = e.clientY;
-      handleZoom(x, y, direct);
-    }
-  }, [handleZoom]);
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsMouseDown(true);
-    setMouseCoord({
-      mouseX: e.nativeEvent.clientX,
-      mouseY: e.nativeEvent.clientY
-    });
-  }, [isMouseDown, mouseCoord]);
-  var handleMouseUp = (0, _react.useCallback)(function () {
-    setIsMouseDown(false);
-  }, [isMouseDown]);
-  var imageMouseOver = (0, _react.useCallback)(function () {
-    clearInterval(autoPlayTimer.current);
-  }, []);
-  var getImgWidthHeight = (0, _react.useCallback)(function (imgWidth, imgHeight) {
-    var width = 0;
-    var height = 0;
-    var _window = window,
-        innerHeight = _window.innerHeight,
-        innerWidth = _window.innerWidth;
-    var maxWidth = innerWidth * 0.8;
-    var maxHeight = innerHeight * 0.8;
-    var style = {};
-    width = Math.min(maxWidth, imgWidth);
-    height = width / imgWidth * imgHeight;
-
-    if (height > maxHeight) {
-      height = maxHeight;
-      width = height / imgHeight * imgWidth;
-    }
-
-    style = {
-      width: width,
-      height: height,
-      left: (innerWidth - width) / 2,
-      top: (innerHeight - height) / 2,
-      scaleX: 1,
-      scaleY: 1,
-      rotate: 0
-    };
-    changeImageState(style);
-  }, [style]);
-  /**
-   * 加载图片 加载完成后生成计算样式
-   * @param {*} imageIndex 加载的图片索引
-   */
-
-  var loadImg = (0, _react.useCallback)(function (imageIndex) {
-    if (!images || images.length === 0) {
-      return;
-    }
-
-    if (imageIndex >= images.length) {
-      imageIndex = 0;
-    }
-
-    if (imageIndex < 0) {
-      imageIndex = images.length - 1;
-    }
-
-    var currentImage = images[imageIndex];
-    var img = new window.Image();
-
-    img.onload = function () {
-      setactiveIndex(imageIndex);
-      setIsLoaded(true);
-      getImgWidthHeight(img.width, img.height);
-    };
-
-    img.onerror = function () {
-      propsvisible && onError && onError(imageIndex);
-      setIsLoaded(true);
-    };
-
-    img.src = simpleData ? currentImage : currentImage.url;
-  }, [images, activeIndex, isLoaded, propsvisible]);
-  /**
-   * 自动滚动函数，目前 API 未暴露
-   */
-
-  var addAutoPlayEvent = (0, _react.useCallback)(function () {
-    if (duration && duration > 0) {
-      autoPlayTimer.current = setInterval(function () {
-        loadImg(activeIndex + 1);
-      }, duration);
-    }
-  }, [duration, loadImg]);
-  var imageMouseOut = (0, _react.useCallback)(function () {
-    clearInterval(autoPlayTimer.current);
-    addAutoPlayEvent();
-  }, []);
-  var handleRotate = (0, _react.useCallback)(function (isRight) {
-    var rotate = style.rotate;
-    changeImageState({
-      rotate: rotate + 90 * (isRight ? 1 : -1)
-    });
-  }, [style, changeImageState]);
-  var onClose = (0, _react.useCallback)(function (e) {
-    setStyle({});
-    propsOnClose && propsOnClose();
-  }, [propsOnClose]);
-  var clickEvent = (0, _react.useCallback)(function (type, event) {
-    event.stopPropagation();
-    event.preventDefault();
-
-    var _getImageCenterXY = getImageCenterXY(),
-        x = _getImageCenterXY.x,
-        y = _getImageCenterXY.y;
-
-    switch (type) {
-      case 'zoomIn':
-        handleZoom(x, y, 1);
-        break;
-
-      case 'zoomOut':
-        handleZoom(x, y, -1);
-        break;
-
-      case 'reset':
-        loadImg(activeIndex);
-        break;
-
-      case 'leftRotate':
-        handleRotate();
-        break;
-
-      case 'rightRotate':
-        handleRotate(true);
-        break;
-
-      case 'prev':
-        loadImg(activeIndex - 1);
-        break;
-
-      case 'next':
-        loadImg(activeIndex + 1);
-        break;
-
-      case 'close':
-        onClose();
-        break;
-
-      default:
-        break;
-    }
-  }, [activeIndex, getImageCenterXY, loadImg]);
-  (0, _react.useEffect)(function () {
-    loadImg(activeIndex);
-    addAutoPlayEvent();
-    return function () {
-      clearInterval(autoPlayTimer.current);
-    };
-  }, []);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_reactAddonsCssTransitionGroup["default"], {
-    transitionName: "hi-preview",
-    transitionEnterTimeout: 50,
-    transitionLeaveTimeout: 50,
-    component: "div"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    ref: previewRef,
-    className: (0, _classnames["default"])('hi-preview', className, {
-      'hi-preview--hide': !visible
-    }),
-    onMouseMove: handleMouseMove,
-    onWheel: handleMouseWheel
-  }, isLoaded ? /*#__PURE__*/_react["default"].createElement("img", {
-    ref: imgRef,
-    src: simpleData ? images[activeIndex] : images[activeIndex].url,
-    style: _objectSpread({}, compileStyle),
-    onMouseDown: handleMouseDown,
-    onMouseUp: handleMouseUp,
-    onMouseEnter: imageMouseOver,
-    onMouseLeave: imageMouseOut,
-    className: "hi-preview__image"
-  }) : /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    size: "small"
-  }), showBar && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-preview-toolbar",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "zoom-out",
-    onClick: function onClick(e) {
-      return clickEvent('zoomOut', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "zoom-in",
-    onClick: function onClick(e) {
-      return clickEvent('zoomIn', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "left",
-    onClick: function onClick(e) {
-      return clickEvent('prev', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "ratio",
-    onClick: function onClick(e) {
-      return clickEvent('reset', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "right",
-    onClick: function onClick(e) {
-      return clickEvent('next', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "rotate-left",
-    onClick: function onClick(e) {
-      return clickEvent('leftRotate', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "rotate-right",
-    onClick: function onClick(e) {
-      return clickEvent('rightRotate', e);
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-preview__close",
-    onClick: onClose
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "close-circle",
-    style: {
-      fontSize: '36px',
-      color: '#fff'
-    }
-  })), showArrow && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-preview__wrapper-arrow"
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "left",
-    onClick: function onClick(e) {
-      return clickEvent('prev', e);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "right",
-    onClick: function onClick(e) {
-      return clickEvent('next', e);
-    }
-  })), showCount && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-preview__count"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, activeIndex + 1), "\xA0/\xA0", /*#__PURE__*/_react["default"].createElement("span", null, images.length)))), node);
-};
-
-var _default = Preview;
-exports["default"] = _default;

package/es/preview/style/index.css

@@ -1 +0,0 @@
-.hi-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.54);z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-preview__image{-webkit-transform:all 0.3s;transform:all 0.3s}.hi-preview__image:hover{cursor:move}.hi-preview-toolbar{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;padding:0 32px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:28px}.hi-preview-toolbar .hi-icon{margin:0 12px;font-size:20px;cursor:pointer}.hi-preview__close{position:absolute;right:10px;top:10px;width:36px;height:36px;line-height:1;border-radius:50%;text-align:center;cursor:pointer}.hi-preview__wrapper-arrow{position:absolute;font-size:72px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;width:100%;pointer-events:none}.hi-preview__wrapper-arrow .hi-icon{cursor:pointer;pointer-events:auto}.hi-preview__count{position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:4px 12px;border-radius:16px;min-width:48px;text-align:center}

package/es/preview/style/index.js

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

package/es/progress/BarProgress.js

@@ -1,157 +0,0 @@
-"use strict";
-
-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 _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 = _interopRequireDefault(require("react"));
-
-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 defaultUnit = 'px';
-
-var isNumeric = function isNumeric(n) {
-  return !isNaN(parseFloat(n)) && isFinite(n);
-};
-
-var BarProgress = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(BarProgress, _React$Component);
-
-  var _super = _createSuper(BarProgress);
-
-  function BarProgress() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, BarProgress);
-
-    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), "textRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "barRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      insidePlacement: 'right'
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(BarProgress, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.placement === 'inside') {
-        var barElm = this.barRef.current;
-        var textElm = this.textRef.current;
-        var barClientWidth = barElm ? barElm.clientWidth : 0;
-        var isOver = textElm && textElm.clientWidth >= barClientWidth - (barClientWidth * this.props.percent / 100 + 5);
-        var insidePlacement = isOver ? 'left' : 'right';
-        this.setState({
-          insidePlacement: insidePlacement
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var prefix = 'hi-progress';
-      var _this$props = this.props,
-          percentNum = _this$props.percent,
-          content = _this$props.content,
-          type = _this$props.type,
-          showInfo = _this$props.showInfo,
-          placement = _this$props.placement,
-          _this$props$tooltip = _this$props.tooltip,
-          tooltip = _this$props$tooltip === void 0 ? null : _this$props$tooltip,
-          active = _this$props.active,
-          text = _this$props.text,
-          withOutText = _this$props.withOutText,
-          status = _this$props.status;
-      var width = this.width,
-          height = this.height;
-
-      var _content = typeof content !== 'undefined' ? content : text; // // api 兼容 1.x 为 text 2.x 改为 content
-
-
-      var _showInfo = typeof showInfo !== 'undefined' ? showInfo : withOutText; // // api 兼容 1.x 为 withOutText 2.x 改为 showInfo
-
-
-      var _type = type || status;
-
-      var barElm = this.barRef.current;
-      var percent = percentNum > 0 ? percentNum : 0;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-        ref: this.barRef,
-        className: "".concat(prefix, "__inner"),
-        style: {
-          width: width,
-          height: height
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])("".concat(prefix, "__bar ").concat(prefix, "__bar--").concat(_type), (0, _defineProperty2["default"])({}, "".concat(prefix, "__bar--active"), active)),
-        style: {
-          width: "".concat(percent, "%")
-        }
-      }, _showInfo && placement === 'inside' && (!barElm || barElm.clientHeight >= 14) && /*#__PURE__*/_react["default"].createElement("div", {
-        ref: this.textRef,
-        className: "".concat(prefix, "__text--inside inside--").concat(this.state.insidePlacement)
-      }, _content || "".concat(percent, "%")), tooltip)), _showInfo && placement === 'outside' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(_type)
-      }, _content || "".concat(percent, "%")));
-    }
-  }, {
-    key: "width",
-    get: function get() {
-      var _this$props2 = this.props,
-          width = _this$props2.width,
-          size = _this$props2.size;
-      var num = parseInt(width) || 0;
-
-      if (num <= 0) {
-        var defaultNum = size === 'large' ? 480 : 160;
-        return defaultNum + defaultUnit;
-      }
-
-      return isNumeric(width) ? width + defaultUnit : width;
-    }
-  }, {
-    key: "height",
-    get: function get() {
-      var _this$props3 = this.props,
-          height = _this$props3.height,
-          size = _this$props3.size;
-      var num = parseInt(height) || 0;
-
-      if (num <= 0) {
-        var defaultNum = size === 'large' ? 8 : size === 'default' ? 6 : 2;
-        return defaultNum + defaultUnit;
-      }
-
-      return isNumeric(height) ? height + defaultUnit : height;
-    }
-  }]);
-  return BarProgress;
-}(_react["default"].Component);
-
-exports["default"] = BarProgress;