@autobest-ui/components 2.2.1 → 2.4.0

package/lib/popover/index.js

@@ -1,88 +1,66 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _trigger = _interopRequireDefault(require("../trigger"));
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var prefixCls = 'ab-popover';
-
 function Popover(props) {
   var _a;
-
   var triggerEl = _react.default.useRef(null);
-
   var _b = _react.default.useState({}),
-      arrowStyle = _b[0],
-      setState = _b[1];
-
+    arrowStyle = _b[0],
+    setState = _b[1];
   var cls = props.prefixCls || prefixCls;
-
   var onHidePopup = function onHidePopup() {
     if (triggerEl.current && triggerEl.current.hidePopup) {
       triggerEl.current.hidePopup();
     }
   };
-
   var onArrowStyleChange = function onArrowStyleChange(value) {
     if (props.hiddenArrow) {
       return;
     }
-
     setState(value);
   };
-
   var hiddenClose = props.hiddenClose,
-      closeIcon = props.closeIcon,
-      closeClassName = props.closeClassName,
-      innerClassName = props.innerClassName,
-      tip = props.tip,
-      arrowClassName = props.arrowClassName;
-
+    closeIcon = props.closeIcon,
+    closeClassName = props.closeClassName,
+    innerClassName = props.innerClassName,
+    tip = props.tip,
+    arrowClassName = props.arrowClassName;
   function renderClose() {
     if (hiddenClose) {
       return null;
-    } // 当有自定义的icon时，直接使用,样式需要完全自定义
-
-
+    }
+    // 当有自定义的icon时，直接使用,样式需要完全自定义
     if (closeIcon) {
       return /*#__PURE__*/_react.default.cloneElement(closeIcon, {
         onClick: onHidePopup
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("i", {
       className: (0, _classnames.default)("".concat(cls, "-close"), closeClassName),
       onClick: onHidePopup
     }, "\xD7");
   }
-
   var innerClass = (0, _classnames.default)("".concat(cls, "-inner"), innerClassName, (_a = {}, _a["".concat(cls, "-inner-expand")] = !hiddenClose, _a));
-
   function renderPopup() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderClose(), props.hiddenArrow ? null : /*#__PURE__*/_react.default.createElement("i", {
       className: (0, _classnames.default)("".concat(cls, "-arrow"), arrowClassName),
@@ -91,7 +69,6 @@ function Popover(props) {
       className: innerClass
     }, tip));
   }
-
   return /*#__PURE__*/_react.default.createElement(_trigger.default, __assign({}, props, {
     wrapClassName: (0, _classnames.default)("".concat(cls, "-wrap "), props.wrapClassName),
     ref: triggerEl,
@@ -99,7 +76,6 @@ function Popover(props) {
     onArrowStyleChange: onArrowStyleChange
   }), props.children);
 }
-
 Popover.defaultProps = {
   hiddenClose: true,
   hiddenArrow: false

package/lib/popover/style/index.css

@@ -1 +1 @@
-.ab-popover-wrap{background-color:#fff;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px}.ab-popover-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-top-color:transparent;border-left-color:transparent;border-style:solid;background-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-width:4px;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}}
+.ab-trigger-wrap{position:absolute;top:0;left:0;z-index:101}.ab-trigger-wrap.ab-trigger-hidden{display:none}.ab-trigger-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background-color:transparent;display:none}.ab-trigger-mask.ab-trigger-mask-show{display:block}.ab-trigger-fade-appear,.ab-trigger-fade-enter,.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0}.ab-trigger-fade-appear,.ab-trigger-fade-enter{transform:scale(.7)}.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0;transform:scaleY(.7)}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active,.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{opacity:1;transition:opacity .2s,transform .2s}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active{transform:scale(1)}.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{transform:scaleY(1)}.ab-trigger-fade-exit,.ab-trigger-fade-hr-exit{opacity:1}.ab-trigger-fade-exit-active,.ab-trigger-fade-hr-exit-active{opacity:0;transition:opacity .2s,transform .2s}.ab-trigger-fade-exit-active{transform:scale(.7)}.ab-trigger-fade-hr-exit-active{transform:scaleY(.7)}.ab-trigger-fade-exit-done,.ab-trigger-fade-hr-exit-done{display:none}.ab-popover-wrap{background-color:#fff;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px}.ab-popover-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-style:solid;background-color:#fff;border-color:transparent #fff #fff transparent;border-width:4px;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}}

package/lib/portal/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -22,53 +18,38 @@ var __extends = void 0 && (void 0).__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   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 __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
-var Portal =
-/** @class */
-function (_super) {
+var Portal = /** @class */function (_super) {
   __extends(Portal, _super);
-
   function Portal() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
-
   Portal.prototype.componentDidMount = function () {
     this.createContainer();
   };
-
   Portal.prototype.componentDidUpdate = function (prevProps) {
     var didUpdate = this.props.didUpdate;
-
     if (didUpdate) {
       didUpdate(prevProps);
     }
   };
-
   Portal.prototype.componentWillUnmount = function () {
     this.removeContainer();
   };
-
   Portal.prototype.createContainer = function () {
     this.container = this.props.getContainer ? this.props.getContainer() : Portal.getContainer();
     this.forceUpdate();
   };
-
   Portal.prototype.removeContainer = function () {
     if (this.container && this.container.parentNode) {
       try {
@@ -76,15 +57,12 @@ function (_super) {
       } catch (e) {}
     }
   };
-
   Portal.prototype.render = function () {
     if (this.container) {
       return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.container);
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   };
-
   Portal.getContainer = function () {
     var element = document.createElement('div');
     element.style.position = 'absolute';
@@ -94,9 +72,7 @@ function (_super) {
     window.document.body.appendChild(element);
     return element;
   };
-
   return Portal;
 }(_react.default.Component);
-
 var _default = Portal;
 exports.default = _default;

package/lib/script/index.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -20,23 +17,17 @@ var __extends = void 0 && (void 0).__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   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 __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 /**
  * 动态加入js 代码
  * @param code
@@ -46,141 +37,109 @@ function loadScriptCode(code, url) {
   if (!code) {
     return;
   }
-
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.setAttribute('data-src', url);
-
   try {
     script.appendChild(document.createTextNode(code));
   } catch (ex) {
     // 兼容IE
     script.text = code;
   }
-
   document.body.appendChild(script);
 }
 /**
  * 动态创建和加载js文件，比如jquery
  */
-
-
-var Script =
-/** @class */
-function (_super) {
+var Script = /** @class */function (_super) {
   __extends(Script, _super);
-
   function Script() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
-
     _this.loadSrc = function (isRefresh, preProps) {
       var _a = _this.props,
-          url = _a.url,
-          beforeCode = _a.beforeCode,
-          cancelable = _a.cancelable,
-          onRemove = _a.onRemove; // beforeCode
-
+        url = _a.url,
+        beforeCode = _a.beforeCode,
+        cancelable = _a.cancelable,
+        onRemove = _a.onRemove;
+      // beforeCode
       if (isRefresh || preProps.beforeCode !== beforeCode) {
         // 这里只支持在url改变时，删除code, 并不对code进行判断来删除url的script， 原因是没有这种需求
         if (cancelable && preProps && preProps.beforeCode !== beforeCode) {
           var preCodeElement = document.querySelector("script[data-src='".concat(preProps.url, "']"));
-
           if (preCodeElement && preCodeElement.remove) {
             preCodeElement.remove();
           }
-
           onRemove(true, preProps.url, preProps.attributes);
         }
-
         loadScriptCode(beforeCode, url);
-      } // url 不变的情况下，每个组件只执行一次onLoad，onError
-
-
+      }
+      // url 不变的情况下，每个组件只执行一次onLoad，onError
       if (isRefresh || url !== preProps.url) {
-        var scriptsElement = document.querySelector("script[src='".concat(url, "']")); // 如果已经存在， 警告, 并终止执行
-
+        var scriptsElement = document.querySelector("script[src='".concat(url, "']"));
+        // 如果已经存在， 警告, 并终止执行
         if (scriptsElement) {
           // eslint-disable-next-line no-console
           console.error("Src: ".concat(url, " has been created, the corresponding callback will no longer be executed, Please use it directly"));
           return;
         }
-
         if (cancelable && preProps && url !== preProps.url) {
           var preScriptsElement = document.querySelector("script[src='".concat(preProps.url, "']"));
-
           if (preScriptsElement && preScriptsElement.remove) {
             preScriptsElement.remove();
           }
-
           onRemove(false, preProps.url, preProps.attributes);
         }
-
         _this.createScript();
       }
     };
-
     return _this;
   }
-
   Script.prototype.componentDidMount = function () {
     this.loadSrc(true);
   };
-
   Script.prototype.componentDidUpdate = function (prevProps) {
     this.loadSrc(false, prevProps);
   };
-
   Script.prototype.componentWillUnmount = function () {
     var _a = this.props,
-        cancelable = _a.cancelable,
-        url = _a.url,
-        attributes = _a.attributes,
-        onRemove = _a.onRemove;
-
+      cancelable = _a.cancelable,
+      url = _a.url,
+      attributes = _a.attributes,
+      onRemove = _a.onRemove;
     if (cancelable && url) {
       var scriptsElement = document.querySelector("script[src='".concat(url, "']"));
-
       if (scriptsElement && scriptsElement.remove) {
         scriptsElement.remove();
       }
-
       onRemove(false, url, attributes);
     }
   };
-
   Script.prototype.createScript = function () {
     var _a = this.props,
-        url = _a.url,
-        attributes = _a.attributes,
-        onCreate = _a.onCreate,
-        onLoad = _a.onLoad,
-        onError = _a.onError;
+      url = _a.url,
+      attributes = _a.attributes,
+      onCreate = _a.onCreate,
+      onLoad = _a.onLoad,
+      onError = _a.onError;
     onCreate(url, attributes);
     var script = document.createElement('script');
-
     if (attributes) {
       Object.keys(attributes).forEach(function (prop) {
         script.setAttribute(prop, prop === 'async' || prop === 'crossOrigin' ? '' : attributes[prop]);
       });
     }
-
     script.src = url;
-
     script.onload = function () {
       onLoad(url, attributes);
     };
-
     script.onerror = function () {
       onError(url, attributes);
     };
-
     document.body.appendChild(script);
   };
-
   Script.prototype.render = function () {
     return null;
   };
-
   Script.defaultProps = {
     beforeCode: '',
     cancelable: true,
@@ -194,6 +153,5 @@ function (_super) {
   };
   return Script;
 }(_react.default.Component);
-
 var _default = Script;
 exports.default = _default;