@autobest-ui/components 1.4.0 → 2.0.1

package/lib/trigger/index.js

@@ -17,10 +17,10 @@ var _utils = require("@autobest-ui/utils");
 
 var _reactTransitionGroup = require("react-transition-group");
 
-var _ref = require("./ref");
-
 var _portal = _interopRequireDefault(require("../portal"));
 
+var _ref = require("./ref");
+
 var _getPopupLocation = _interopRequireDefault(require("./getPopupLocation"));
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -31,7 +31,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -39,6 +39,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -76,9 +78,9 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-trigger';
-    _this.popupRef = _react.default.createRef();
-    _this.maskRef = _react.default.createRef();
-    _this.triggerRef = _react.default.createRef();
+    _this.popupRef = /*#__PURE__*/_react.default.createRef();
+    _this.maskRef = /*#__PURE__*/_react.default.createRef();
+    _this.triggerRef = /*#__PURE__*/_react.default.createRef();
 
     _this.isClickToHide = function () {
       return _this.props.trigger.indexOf('click') !== -1;
@@ -120,7 +122,7 @@ function (_super) {
           isInsertNode = _a.isInsertNode;
 
       if (maxHeight) {
-        popupEl.style.maxHeight = maxHeight + "px";
+        popupEl.style.maxHeight = "".concat(maxHeight, "px");
         popupEl.style.overflowY = 'auto';
       }
 
@@ -128,11 +130,11 @@ function (_super) {
         var rootWidth = (0, _utils.getElementSize)(rootEl).width;
 
         if (isMinRootWidth) {
-          popupEl.style.minWidth = rootWidth + "px";
+          popupEl.style.minWidth = "".concat(rootWidth, "px");
         }
 
         if (isMaxRootWidth) {
-          popupEl.style.maxWidth = rootWidth + "px";
+          popupEl.style.maxWidth = "".concat(rootWidth, "px");
           popupEl.style.overflowX = 'auto';
         }
       } // 计算Popup元素应该显示的位置
@@ -159,15 +161,15 @@ function (_super) {
       }
 
       popupEl.style.transformOrigin = transformOrigin;
-      popupEl.style.left = left + "px";
-      popupEl.style.top = top + "px";
+      popupEl.style.left = "".concat(left, "px");
+      popupEl.style.top = "".concat(top, "px");
 
       if (popupMaxHeightByCalc) {
-        popupEl.style.maxHeight = popupMaxWidthByCalc + "px";
+        popupEl.style.maxHeight = "".concat(popupMaxWidthByCalc, "px");
       }
 
       if (popupMaxWidthByCalc) {
-        popupEl.style.maxWidth = popupMaxWidthByCalc + "px";
+        popupEl.style.maxWidth = "".concat(popupMaxWidthByCalc, "px");
         popupEl.style.overflowX = 'auto';
       } else if (!isMaxRootWidth) {
         popupEl.style.maxWidth = '';
@@ -533,8 +535,8 @@ function (_super) {
 
     if (showMask) {
       var cls = this.prefixCls;
-      return _react.default.createElement("div", {
-        className: (0, _classnames.default)(cls + "-mask", (_a = {}, _a[cls + "-mask-show"] = visible, _a)),
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)("".concat(cls, "-mask"), (_a = {}, _a["".concat(cls, "-mask-show")] = visible, _a)),
         ref: this.maskRef,
         onTouchEnd: this.onPreventThrough
       });
@@ -556,7 +558,7 @@ function (_super) {
         visible = _c.visible,
         isUserOperated = _c.isUserOperated,
         trigger = _c.trigger;
-    var wrapClass = (0, _classnames.default)(cls + "-wrap", wrapClassName, (_a = {}, _a[cls + "-hidden"] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
+    var wrapClass = (0, _classnames.default)("".concat(cls, "-wrap"), wrapClassName, (_a = {}, _a["".concat(cls, "-hidden")] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下，对popup增加相应的事件，延迟隐藏，可以在弹框中停留
 
     var mouseProps = {};
 
@@ -567,14 +569,14 @@ function (_super) {
 
     mouseProps.onMouseDown = this.onPopupMouseDown;
     mouseProps.onTouchStart = this.onPopupMouseDown;
-    return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: visible,
       onEnter: this.forceAlign,
       timeout: 200,
-      classNames: cls + "-fade" + (isTransformHorizontalDirection ? '-hr' : ''),
+      classNames: "".concat(cls, "-fade").concat(isTransformHorizontalDirection ? '-hr' : ''),
       onExited: this.onExited,
       appear: true
-    }, _react.default.createElement("div", __assign({}, mouseProps, {
+    }, /*#__PURE__*/_react.default.createElement("div", __assign({}, mouseProps, {
       className: wrapClass,
       ref: this.popupRef
     }), typeof popup === 'function' ? popup() : popup));
@@ -618,23 +620,23 @@ function (_super) {
     } // 对当前children元素添加额外属性
 
 
-    return _react.default.cloneElement(child, cloneProps);
+    return /*#__PURE__*/_react.default.cloneElement(child, cloneProps);
   };
 
   Trigger.prototype.renderPopupComponent = function () {
     if (this.props.isInsertNode) {
-      return _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent());
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent());
     }
 
     if (this.state.visible || this.popupRef.current) {
-      return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent()));
+      return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderPopupContent()));
     }
 
     return null;
   };
 
   Trigger.prototype.render = function () {
-    return _react.default.createElement(_react.default.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
   };
 
   Trigger.defaultProps = {

package/lib/trigger/leftAlign.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getLeftBottomLocationInfo = getLeftBottomLocationInfo;
 exports.getLeftLocationInfo = getLeftLocationInfo;
 exports.getLeftTopLocationInfo = getLeftTopLocationInfo;
-exports.getLeftBottomLocationInfo = getLeftBottomLocationInfo;
 
 var _utils = require("./utils");
 
@@ -39,11 +39,11 @@ function getLeftCommon(_a) {
     height: popInfo.height,
     left: left - (rootToPopupSpacing + popInfo.width),
     arrowStyle: hiddenArrow ? {} : {
-      top: arrowTop + "px",
+      top: "".concat(arrowTop, "px"),
       right: '-4px',
       transform: 'translateY(-50%) rotate(-45deg)'
     },
-    transformOrigin: isTransformHorizontalDirection ? 'right center' : "right " + arrowTop + "px"
+    transformOrigin: isTransformHorizontalDirection ? 'right center' : "right ".concat(arrowTop, "px")
   };
 }
 /* 具体方位 */

package/lib/trigger/ref.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fillRef = fillRef;
 exports.composeRef = composeRef;
+exports.fillRef = fillRef;
 exports.supportRef = supportRef;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));

package/lib/trigger/rightAlign.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getRightBottomLocationInfo = getRightBottomLocationInfo;
 exports.getRightLocationInfo = getRightLocationInfo;
 exports.getRightTopLocationInfo = getRightTopLocationInfo;
-exports.getRightBottomLocationInfo = getRightBottomLocationInfo;
 
 var _utils = require("./utils");
 
@@ -39,11 +39,11 @@ function getRightCommon(_a) {
     height: popInfo.height,
     left: left + rootToPopupSpacing + rootInfo.width,
     arrowStyle: hiddenArrow ? {} : {
-      top: arrowTop + "px",
+      top: "".concat(arrowTop, "px"),
       left: '-4px',
       transform: 'translateY(-50%) rotate(-225deg)'
     },
-    transformOrigin: isTransformHorizontalDirection ? 'left center' : "left " + arrowTop + "px"
+    transformOrigin: isTransformHorizontalDirection ? 'left center' : "left ".concat(arrowTop, "px")
   };
 }
 

package/lib/trigger/topAlign.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTopLocationInfo = getTopLocationInfo;
 exports.getTopLeftLocationInfo = getTopLeftLocationInfo;
+exports.getTopLocationInfo = getTopLocationInfo;
 exports.getTopRightLocationInfo = getTopRightLocationInfo;
 
 var _utils = require("./utils");
@@ -38,12 +38,12 @@ function getTopCommon(_a) {
     width: popInfo.width,
     height: popInfo.height,
     arrowStyle: hiddenArrow ? {} : {
-      left: arrowLeft + "px",
+      left: "".concat(arrowLeft, "px"),
       bottom: '-4px',
       transform: 'translateX(-50%) rotate(45deg)'
     },
     top: top - (rootToPopupSpacing + popInfo.height),
-    transformOrigin: isTransformHorizontalDirection ? 'center bottom' : arrowLeft + "px bottom"
+    transformOrigin: isTransformHorizontalDirection ? 'center bottom' : "".concat(arrowLeft, "px bottom")
   };
 }
 

package/lib/trigger/utils.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.getArrowLeft = getArrowLeft;
 exports.getArrowTop = getArrowTop;
 exports.getAvailPosition = getAvailPosition;
+exports.getLocationMethodByPlacement = getLocationMethodByPlacement;
 exports.getTranslate = getTranslate;
-exports.isTopMoreThanBottom = isTopMoreThanBottom;
 exports.isLeftMoreThanRight = isLeftMoreThanRight;
-exports.getLocationMethodByPlacement = getLocationMethodByPlacement;
+exports.isTopMoreThanBottom = isTopMoreThanBottom;
 
 var _constants = require("./constants");
 
@@ -187,7 +187,7 @@ function getLocationMethodByPlacement(_a) {
       availHeight: availSize.height
     });
     return {
-      methodStr: useTopLocation ? "Top" + splitArr[1] : "Bottom" + splitArr[1],
+      methodStr: useTopLocation ? "Top".concat(splitArr[1]) : "Bottom".concat(splitArr[1]),
       isVertical: true
     };
   } // 判断悬浮框最终位置
@@ -201,7 +201,7 @@ function getLocationMethodByPlacement(_a) {
     availWidth: availSize.width
   });
   return {
-    methodStr: useLeftLocation ? "Left" + splitArr[1] : "Right" + splitArr[1],
+    methodStr: useLeftLocation ? "Left".concat(splitArr[1]) : "Right".concat(splitArr[1]),
     isVertical: false
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/components",
-  "version": "1.4.0",
+  "version": "2.0.1",
   "private": false,
   "description": "components common ui for React",
   "main": "lib/index.js",
@@ -41,10 +41,10 @@
   },
   "homepage": "https://autobest.visualstudio.com/AutoBestChina/_git/AutobestFrontendCommon#readme",
   "peerDependencies": {
-    "@autobest-ui/utils": ">=0.0.27",
+    "@autobest-ui/utils": ">=2.0.0",
     "intersection-observer": ">=0.12.0",
     "react": ">=16.8.6",
     "react-transition-group": ">=4.2.2"
   },
-  "gitHead": "6ab77a55f1adfa56753e559118f43c0181c08304"
+  "gitHead": "483f59c08b124fba12ae76418590df30bbe3a507"
 }

package/esm/use-config/index.d.ts

@@ -1,5 +0,0 @@
-export default class UseConfig {
-    static assetCommonUiUrl: string;
-    static assetWWWUrl: any;
-    static assetSupportWebP: any;
-}

package/esm/use-config/index.js

@@ -1,13 +0,0 @@
-var UseConfig =
-/** @class */
-function () {
-  function UseConfig() {} // 配置静态资源链接库， 默认指向测试环境
-
-
-  UseConfig.assetCommonUiUrl = 'https://assets-web.dev.autobestdevops.com/common-uiasset';
-  UseConfig.assetWWWUrl = null;
-  UseConfig.assetSupportWebP = null;
-  return UseConfig;
-}();
-
-export default UseConfig;

package/esm/use-config/style/index.d.ts

@@ -1 +0,0 @@
-

package/esm/use-config/style/index.js

@@ -1 +0,0 @@
-"use strict";

package/lib/use-config/index.d.ts

@@ -1,5 +0,0 @@
-export default class UseConfig {
-    static assetCommonUiUrl: string;
-    static assetWWWUrl: any;
-    static assetSupportWebP: any;
-}

package/lib/use-config/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var UseConfig =
-/** @class */
-function () {
-  function UseConfig() {} // 配置静态资源链接库， 默认指向测试环境
-
-
-  UseConfig.assetCommonUiUrl = 'https://assets-web.dev.autobestdevops.com/common-uiasset';
-  UseConfig.assetWWWUrl = null;
-  UseConfig.assetSupportWebP = null;
-  return UseConfig;
-}();
-
-var _default = UseConfig;
-exports.default = _default;

package/lib/use-config/style/index.d.ts

@@ -1 +0,0 @@
-

package/lib/use-config/style/index.js

@@ -1 +0,0 @@
-"use strict";