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

package/es/collapse/index.js

@@ -1,197 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _Panel = _interopRequireDefault(require("./Panel"));
-
-require("./style/index");
-
-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 noop = function noop() {};
-
-var Collapse = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Collapse, _Component);
-
-  var _super = _createSuper(Collapse);
-
-  function Collapse(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Collapse);
-    _this = _super.call(this, props);
-    var _this$props = _this.props,
-        activeId = _this$props.activeId,
-        activeKey = _this$props.activeKey,
-        defaultActiveId = _this$props.defaultActiveId;
-
-    var _activeId = activeId || activeKey || defaultActiveId || [];
-
-    _this.state = {
-      activeId: Array.isArray(_activeId) ? _activeId : [_activeId]
-    };
-    _this.panelContainer = /*#__PURE__*/_react["default"].createRef(null);
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Collapse, [{
-    key: "onClickPanel",
-    value: function onClickPanel(key) {
-      var activeKey = this.state.activeId;
-
-      if (this.props.accordion) {
-        activeKey = activeKey[0] === key ? [] : [key];
-      } else {
-        activeKey = activeKey !== 'undefined' ? (0, _toConsumableArray2["default"])(activeKey) : [];
-        var index = activeKey.indexOf(key);
-        var isActive = index > -1;
-
-        if (isActive) {
-          activeKey.splice(index, 1);
-        } else {
-          activeKey.push(key);
-        }
-      }
-
-      this.setActiveKey(activeKey);
-    }
-  }, {
-    key: "setActiveKey",
-    value: function setActiveKey(activeKey) {
-      var _this$props2 = this.props,
-          onChange = _this$props2.onChange,
-          accordion = _this$props2.accordion;
-      this.setState({
-        activeId: activeKey
-      });
-      onChange && onChange(accordion ? activeKey[0] : activeKey);
-    }
-  }, {
-    key: "renderPanels",
-    value: function renderPanels() {
-      var _this2 = this;
-
-      var activeKey = this.state.activeId;
-      var _this$props3 = this.props,
-          children = _this$props3.children,
-          accordion = _this$props3.accordion,
-          arrow = _this$props3.arrow,
-          arrowPlacement = _this$props3.arrowPlacement,
-          showArrow = _this$props3.showArrow;
-      var newChildren = [];
-
-      _react.Children.forEach(children, function (child, index) {
-        if (!child) return;
-        var key = child.props.id || child.key || String(index);
-        var _child$props = child.props,
-            header = _child$props.header,
-            disabled = _child$props.disabled,
-            title = _child$props.title,
-            extra = _child$props.extra;
-        var isActive = accordion ? activeKey[0] === key : activeKey.includes(key);
-        var props = {
-          key: key,
-          header: title || header,
-          disabled: disabled,
-          isActive: isActive,
-          arrow: arrowPlacement !== 'left' ? arrowPlacement : arrow,
-          showArrow: showArrow,
-          children: child.props.children,
-          onClickPanel: disabled ? noop : function () {
-            return _this2.onClickPanel(key);
-          },
-          panels: children,
-          panelContainer: _this2.panelContainer,
-          idx: index,
-          extra: extra
-        };
-        newChildren.push( /*#__PURE__*/_react["default"].cloneElement(child, props));
-      });
-
-      return newChildren;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          prefixCls = _this$props4.prefixCls,
-          type = _this$props4.type;
-      var classnames = (0, _classnames["default"])(prefixCls, type && "".concat(prefixCls, "__").concat(type));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classnames,
-        ref: this.panelContainer
-      }, this.renderPanels());
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      if (!_lodash["default"].isEqual(nextProps.activeId !== prevState.activeId) && nextProps.activeId !== undefined) {
-        return {
-          activeId: nextProps.activeId
-        };
-      }
-
-      return null;
-    }
-  }]);
-  return Collapse;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Collapse, "propTypes", {
-  accordion: _propTypes["default"].bool,
-  // 手风琴模式
-  activeKey: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  activeId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  defaultActiveId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  onChange: _propTypes["default"].func,
-  icon: _propTypes["default"].string,
-  type: _propTypes["default"].string,
-  // TODO:废弃
-  arrow: _propTypes["default"].oneOf(['left', 'right']),
-  // TODO:废弃，使用 arrowPlacement
-  arrowPlacement: _propTypes["default"].oneOf(['left', 'right']),
-  showArrow: _propTypes["default"].bool,
-  extra: _propTypes["default"].node
-});
-(0, _defineProperty2["default"])(Collapse, "defaultProps", {
-  prefixCls: 'hi-collapse',
-  accordion: false,
-  arrow: 'left',
-  arrowPlacement: 'left',
-  type: 'default',
-  showArrow: true
-});
-Collapse.Panel = _Panel["default"];
-var _default = Collapse;
-exports["default"] = _default;

package/es/collapse/style/index.css

@@ -1 +0,0 @@
-.hi-collapse{text-align:left;border-bottom:0;font-size:14px}.hi-collapse .collapse-item{border-bottom:1px solid var(--color-gray-30)}.hi-collapse .collapse-item__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-white);padding:12px 0 12px 16px;color:rgba(0,0,0,0.85);cursor:pointer}.hi-collapse .collapse-item__head:focus{outline:none}.hi-collapse .collapse-item__head .collapse-item__title{-webkit-box-flex:1;-ms-flex:auto;flex:auto;line-height:1}.hi-collapse .collapse-item__head .collapse-item__extra{margin-right:12px}.hi-collapse .collapse-item__head>.collapse-item__icon{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-right:10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.hi-collapse .collapse-item__content{display:block;width:100%;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;height:0;-webkit-transform-origin:top;transform-origin:top;padding:0 16px;color:rgba(0,0,0,0.65);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-gray-10)}.hi-collapse .collapse-item--show{border:none}.hi-collapse .collapse-item--show>.collapse-item__head>.collapse-item__icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.hi-collapse .collapse-item--show>.collapse-item__content{padding:16px;height:auto;width:100%}.hi-collapse .collapse-item--disabled .collapse-item__head{cursor:not-allowed;color:var(--color-gray-50)}.hi-collapse__simple .collapse-item .head{background-color:var(--color-white)}

package/es/collapse/style/index.js

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

package/es/context/index.d.ts

@@ -1,3 +0,0 @@
-const ThemeContext: React.Context<string>
-const LocaleContext: React.Context<string>
-export {ThemeContext, LocaleContext}

package/es/context/index.js

@@ -1,120 +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"] = exports.LocaleContext = exports.ThemeContext = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-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 _locales = _interopRequireDefault(require("../locales"));
-
-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 ThemeContext = /*#__PURE__*/_react["default"].createContext('hiui-blue');
-
-exports.ThemeContext = ThemeContext;
-
-var LocaleContext = /*#__PURE__*/_react["default"].createContext('zh-CN');
-/**
- * 临时解决 notice组件获取不到theme的问题
- */
-
-
-exports.LocaleContext = LocaleContext;
-var fromTheme = '';
-
-var _default = function _default(WrappedComponent) {
-  var WrapperComponent = /*#__PURE__*/function (_Component) {
-    (0, _inherits2["default"])(WrapperComponent, _Component);
-
-    var _super = _createSuper(WrapperComponent);
-
-    function WrapperComponent() {
-      (0, _classCallCheck2["default"])(this, WrapperComponent);
-      return _super.apply(this, arguments);
-    }
-
-    (0, _createClass2["default"])(WrapperComponent, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-            theme = _this$props.theme,
-            locale = _this$props.locale,
-            innerRef = _this$props.innerRef,
-            restProps = (0, _objectWithoutProperties2["default"])(_this$props, ["theme", "locale", "innerRef"]);
-
-        var ConsumerComponent = /*#__PURE__*/_react["default"].createElement(ThemeContext.Consumer, null, function (contextTheme) {
-          fromTheme = fromTheme || contextTheme;
-          return /*#__PURE__*/_react["default"].createElement(LocaleContext.Consumer, null, function (contextLocale) {
-            return /*#__PURE__*/_react["default"].createElement(WrappedComponent, (0, _extends2["default"])({
-              theme: WrappedComponent.IS_FROM_HIUI ? fromTheme : contextTheme,
-              locale: contextLocale,
-              localeDatas: _locales["default"][contextLocale],
-              ref: innerRef,
-              innerRef: innerRef
-            }, restProps));
-          });
-        });
-
-        return wrapProvider(theme, ThemeContext)(locale, LocaleContext)(ConsumerComponent);
-      }
-    }]);
-    return WrapperComponent;
-  }(_react.Component);
-
-  (0, _defineProperty2["default"])(WrapperComponent, "displayName", WrappedComponent.name);
-  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, (0, _extends2["default"])({}, props, {
-      innerRef: ref
-    }));
-  });
-};
-
-exports["default"] = _default;
-
-function wrapProvider(value, context) {
-  wrapProvider.Providers || (wrapProvider.Providers = []);
-
-  if (value !== undefined && context) {
-    wrapProvider.Providers.push({
-      value: value,
-      context: context
-    });
-  }
-
-  if (!context) {
-    var component = value;
-    wrapProvider.Providers.reverse().map(function (obj) {
-      component = /*#__PURE__*/_react["default"].createElement(obj.context.Provider, {
-        value: obj.value
-      }, component);
-    });
-    wrapProvider.Providers = [];
-    return component;
-  }
-
-  return wrapProvider;
-}