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

package/es/progress/CircleProgress.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CircleProgress = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var CircleProgress = function CircleProgress(props) {
-  var prefix = 'hi-progress';
-  var percentNum = props.percent,
-      content = props.content,
-      type = props.type,
-      radiusThis = props.radius,
-      showInfo = props.showInfo;
-  var percent = percentNum > 0 ? percentNum : 0;
-  var radius = radiusThis > 0 ? radiusThis : 40;
-  var totalRadiusWidth = radius + 10;
-  var strokeDash = radius * 2 * Math.PI;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__svg"),
-    style: {
-      width: radius * 2,
-      height: radius * 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    viewBox: "0 0 ".concat(totalRadiusWidth * 2, " ").concat(totalRadiusWidth * 2)
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
-    cx: totalRadiusWidth,
-    cy: totalRadiusWidth,
-    r: radius,
-    className: "".concat(prefix, "__svgbackground")
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    cx: totalRadiusWidth,
-    cy: totalRadiusWidth,
-    r: radius,
-    className: "".concat(prefix, "__circle ").concat(prefix, "__circle--").concat(type),
-    strokeDasharray: "".concat(strokeDash, " ").concat(strokeDash),
-    strokeDashoffset: "".concat(strokeDash * ((100 - percent) / 100)),
-    strokeLinecap: "round"
-  })), showInfo && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(type)
-  }, content || "".concat(percent, "%")));
-};
-
-exports.CircleProgress = CircleProgress;

package/es/progress/DashboardProgress.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DashboardProgress = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var DashboardProgress = function DashboardProgress(props) {
-  var prefix = 'hi-progress';
-  var percentNum = props.percent,
-      content = props.content,
-      status = props.status,
-      radiusThis = props.radius,
-      showInfo = props.showInfo;
-  var percent = percentNum > 0 ? percentNum : 0;
-  var radius = radiusThis > 0 ? radiusThis : 40;
-  var totalRadiusWidth = radius + 10;
-  var strokeDash = radius * 2 * Math.PI;
-  var openWidth = 70;
-  var pathString = "M ".concat(totalRadiusWidth, ",").concat(totalRadiusWidth, " m 0,").concat(radius, "\n  a ").concat(radius, ",").concat(radius, " 0 1 1 0,-").concat(2 * radius, "\n  a ").concat(radius, ",").concat(radius, " 0 1 1 0,").concat(2 * radius);
-  var trailPathStyle = {
-    strokeDasharray: "".concat(strokeDash - openWidth, "px ").concat(strokeDash, "px"),
-    strokeDashoffset: "-".concat(openWidth / 2, "px"),
-    transition: 'stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease'
-  };
-  var strokePathStyle = {
-    strokeDasharray: "".concat(percent / 100 * (strokeDash - openWidth), "px ").concat(strokeDash, "px"),
-    strokeDashoffset: "-".concat(openWidth / 2, "px"),
-    transition: 'stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease',
-    fill: '#fff'
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__svg ").concat(prefix, "__svg_dashboard"),
-    style: {
-      width: radius * 2,
-      height: radius * 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    viewBox: "0 0 ".concat(totalRadiusWidth * 2, " ").concat(totalRadiusWidth * 2)
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    className: "".concat(prefix, "__svgbackground"),
-    d: pathString,
-    fillOpacity: "0",
-    strokeLinecap: "round",
-    style: trailPathStyle
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    className: "".concat(prefix, "__dashboard ").concat(prefix, "__dashboard--").concat(status),
-    d: pathString,
-    strokeLinecap: "round",
-    style: strokePathStyle
-  })), showInfo && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(status)
-  }, content || "".concat(percent, "%")));
-};
-
-exports.DashboardProgress = DashboardProgress;

package/es/progress/Progress.js

@@ -1,111 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-require("./style");
-
-var _BarProgress = _interopRequireDefault(require("./BarProgress.js"));
-
-var _CircleProgress = require("./CircleProgress.js");
-
-var _DashboardProgress = require("./DashboardProgress");
-
-var _context = _interopRequireDefault(require("../context"));
-
-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 Progress = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Progress, _Component);
-
-  var _super = _createSuper(Progress);
-
-  function Progress() {
-    (0, _classCallCheck2["default"])(this, Progress);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Progress, [{
-    key: "getRenderType",
-    value: function getRenderType(apperance) {
-      switch (apperance) {
-        case 'circle':
-          return /*#__PURE__*/_react["default"].createElement(_CircleProgress.CircleProgress, this.props);
-
-        case 'dashboard':
-          return /*#__PURE__*/_react["default"].createElement(_DashboardProgress.DashboardProgress, this.props);
-
-        default:
-          return /*#__PURE__*/_react["default"].createElement(_BarProgress["default"], this.props);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var prefix = 'hi-progress';
-      var _this$props = this.props,
-          _this$props$className = _this$props.className,
-          className = _this$props$className === void 0 ? '' : _this$props$className,
-          apperance = _this$props.apperance,
-          theme = _this$props.theme,
-          type = _this$props.type;
-
-      var _apperance = apperance || type; // api 兼容 1.x 为 type 2.x 改为 apperance
-
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__container ").concat(className, " theme__").concat(theme)
-      }, this.getRenderType(_apperance));
-    }
-  }]);
-  return Progress;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Progress, "propTypes", {
-  apperance: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['success', 'warn', 'error', 'primary']),
-  percent: _propTypes["default"].number,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  size: _propTypes["default"].oneOf(['large', 'default', 'small']),
-  placement: _propTypes["default"].oneOf(['inside', 'outside'])
-});
-(0, _defineProperty2["default"])(Progress, "defaultProps", {
-  apperance: 'bar',
-  size: 'default',
-  percent: 0,
-  radius: 40,
-  type: 'primary',
-  showInfo: true,
-  placement: 'outside'
-});
-
-var _default = (0, _context["default"])(Progress);
-
-exports["default"] = _default;

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

@@ -1,131 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Progress = _interopRequireDefault(require("../Progress"));
-
-describe('Progress', function () {
-  describe('Props', function () {
-    it('apperance', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Progress["default"], null), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        apperance: "bar"
-      }), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        apperance: "circle"
-      }), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        apperance: "dashboard"
-      })));
-      expect(wrapper.find('.hi-progress__container')).toHaveLength(4);
-      expect(wrapper.find('.hi-progress__bar')).toHaveLength(2);
-      expect(wrapper.find('.hi-progress__svg')).toHaveLength(2);
-      expect(wrapper.find('.hi-progress__svg').first().hasClass('hi-progress__svg_dashboard')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__svg').last().hasClass('hi-progress__svg_dashboard')).toBeTruthy();
-    });
-    it('size', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Progress["default"], null), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        size: "default"
-      }), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        size: "small"
-      }), /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        size: "large"
-      })));
-      expect(wrapper.find('.hi-progress__container')).toHaveLength(4);
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').first().getDOMNode()).getPropertyValue('height')).toEqual('6px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').at(1).getDOMNode()).getPropertyValue('height')).toEqual('6px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').at(2).getDOMNode()).getPropertyValue('height')).toEqual('2px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').last().getDOMNode()).getPropertyValue('height')).toEqual('8px');
-    });
-    it('content&showInfo', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        percent: 50
-      }));
-      expect(wrapper.find('.hi-progress__text').first().text()).toEqual('50%');
-      expect(wrapper.exists('.hi-progress__text')).toEqual(true);
-      wrapper.setProps({
-        content: 'test'
-      });
-      expect(wrapper.find('.hi-progress__text').first().text()).toEqual('test');
-      wrapper.setProps({
-        showInfo: false
-      });
-      expect(wrapper.exists('.hi-progress__text')).toEqual(false);
-    });
-    it('type', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        percent: 50
-      }));
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--primary')).toBeTruthy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--primary')).toBeTruthy();
-      wrapper.setProps({
-        type: 'success'
-      });
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--primary')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--primary')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--success')).toBeTruthy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--success')).toBeTruthy();
-      wrapper.setProps({
-        type: 'warn'
-      });
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--success')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--success')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--warn')).toBeTruthy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--warn')).toBeTruthy();
-      wrapper.setProps({
-        type: 'error'
-      });
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--warn')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--warn')).toBeFalsy();
-      expect(wrapper.find('.hi-progress__bar').first().hasClass('hi-progress__bar--error')).toBeTruthy();
-      expect(wrapper.find('.hi-progress__text').first().hasClass('hi-progress__text--error')).toBeTruthy();
-    });
-    it('radius', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        percent: 50,
-        apperance: "circle"
-      }));
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('width')).toEqual('80px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('height')).toEqual('80px');
-      wrapper.setProps({
-        radius: 50
-      });
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('width')).toEqual('100px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('height')).toEqual('100px');
-      wrapper.setProps({
-        radius: -1
-      });
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('width')).toEqual('80px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg').first().getDOMNode()).getPropertyValue('height')).toEqual('80px');
-      expect(wrapper.find('.hi-progress__svg').first().hasClass('hi-progress__svg_dashboard')).toBeFalsy();
-      wrapper.setProps({
-        apperance: 'dashboard'
-      });
-      expect(wrapper.find('.hi-progress__svg').first().hasClass('hi-progress__svg_dashboard')).toBeTruthy();
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg_dashboard').first().getDOMNode()).getPropertyValue('width')).toEqual('80px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__svg_dashboard').first().getDOMNode()).getPropertyValue('height')).toEqual('80px');
-    });
-    it('width&&height&&placement', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Progress["default"], {
-        percent: 50
-      }));
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').first().getDOMNode()).getPropertyValue('height')).toEqual('6px');
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').first().getDOMNode()).getPropertyValue('width')).toEqual('160px');
-      wrapper.setProps({
-        width: 200
-      });
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').first().getDOMNode()).getPropertyValue('width')).toEqual('200px');
-      wrapper.setProps({
-        placement: 'inside'
-      });
-      expect(wrapper.exists('.hi-progress__text')).toBeFalsy();
-      expect(wrapper.exists('.hi-progress__text--inside')).toBeFalsy();
-      wrapper.setProps({
-        height: 20
-      });
-      expect(wrapper.exists('.hi-progress__text--inside')).toBeTruthy();
-      expect(window.getComputedStyle(wrapper.find('.hi-progress__inner').first().getDOMNode()).getPropertyValue('height')).toEqual('20px');
-    });
-  });
-});

package/es/progress/index.d.ts

@@ -1,18 +0,0 @@
-import React from "react"
-
-export interface ProgressProps {
-  apperance?: 'bar' | 'circle' | 'dashboard'
-  size?: 'large' | 'default' | 'small'
-  active?: boolean
-  content?: string | JSX.Element
-  showInfo?: boolean
-  type?: 	'primary' | 'success' | 'warning' | 'error'
-  radius?: number
-  placement?: 'inside' | 'outside'
-  width?: string | number
-  height?: string | number
-  style?: React.CSSProperties
-  className?: string
-}
-declare const Progress: React.ComponentType<ProgressProps>
-export default Progress

package/es/progress/index.js

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

package/es/progress/style/index.css

@@ -1 +0,0 @@
-.hi-progress__inner{background-color:var(--color-gray-10);border-radius:10px;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.hi-progress__bar--active.hi-progress__bar::before{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-white);opacity:0;content:'';-webkit-animation:hi-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation:hi-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite}.hi-progress__bar{height:100%;display:block;position:relative;background-color:var(--color-primary);-webkit-transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__bar--primary{background-color:var(--color-primary)}.hi-progress__bar--warn{background-color:#ffb31a}.hi-progress__bar--success{background-color:#1da553}.hi-progress__bar--error{background-color:#f44343}.hi-progress__text{padding-left:25px;font-size:14px;color:var(--color-gray-80);display:inline-block;vertical-align:middle}.hi-progress__text--primary{color:var(--color-primary)}.hi-progress__text--warn{color:#ffb31a}.hi-progress__text--success{color:#1da553}.hi-progress__text--error{color:#f44343}.hi-progress__text--inside{font-size:14px;position:absolute;right:-5px;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);line-height:14px;word-break:keep-all}.hi-progress__text--inside.inside--left{color:var(--color-white);right:5px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.hi-progress__svg{position:relative}.hi-progress__svg .hi-progress__text{display:block;position:absolute;width:100%;text-align:center;line-height:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis}.hi-progress__svgbackground{fill:none;stroke:#e9e9e7;stroke-width:6}.hi-progress__circle{fill:none;stroke:var(--color-primary);stroke-width:6;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__circle--warn{stroke:#ffb31a}.hi-progress__circle--success{stroke:#1da553}.hi-progress__circle--error{stroke:#f44343}.hi-progress__dashboard{fill:none;stroke:var(--color-primary);stroke-width:6;-webkit-transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__dashboard--warn{stroke:#ffb31a}.hi-progress__dashboard--success{stroke:#1da553}.hi-progress__dashboard--error{stroke:#f44343}@-webkit-keyframes hi-progress-active{0%{width:0;opacity:0.1}20%{width:0;opacity:0.5}100%{width:100%;opacity:0}}@keyframes hi-progress-active{0%{width:0;opacity:0.1}20%{width:0;opacity:0.5}100%{width:100%;opacity:0}}

package/es/progress/style/index.js

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