@autobest-ui/components 2.3.0 → 2.4.0

package/esm/portal/index.js

@@ -9,56 +9,40 @@ var __extends = this && this.__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 __());
   };
 }();
-
 import React from 'react';
 import ReactDOM from 'react-dom';
-
-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 {
@@ -66,15 +50,12 @@ function (_super) {
       } catch (e) {}
     }
   };
-
   Portal.prototype.render = function () {
     if (this.container) {
       return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.container);
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   };
-
   Portal.getContainer = function () {
     var element = document.createElement('div');
     element.style.position = 'absolute';
@@ -84,8 +65,6 @@ function (_super) {
     window.document.body.appendChild(element);
     return element;
   };
-
   return Portal;
 }(React.Component);
-
 export default Portal;

package/esm/script/index.js

@@ -9,169 +9,130 @@ var __extends = this && this.__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 __());
   };
 }();
-
 import React from 'react';
 /**
  * 动态加入js 代码
  * @param code
  * @param url
  */
-
 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,
@@ -185,5 +146,4 @@ function (_super) {
   };
   return Script;
 }(React.Component);
-
 export default Script;

package/esm/select/index.js

@@ -9,52 +9,39 @@ var __extends = this && this.__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 __assign = this && this.__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 __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -64,71 +51,53 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { isBlank, addEventListener } from '@autobest-ui/utils';
 import Trigger from '../trigger';
-
-var Select =
-/** @class */
-function (_super) {
+var Select = /** @class */function (_super) {
   __extends(Select, _super);
-
   function Select(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-select';
     _this.keydownHandler = null;
     _this.popupContentRef = /*#__PURE__*/React.createRef();
     /**
      * 当支持过滤时，绑定过滤事件
      */
-
     _this.addKeydownListener = function () {
       _this.keydownHandler = addEventListener(document, 'keydown', _this.keydownCallback);
     };
-
     _this.removeKeydownListener = function () {
       if (_this.keydownHandler) {
         _this.keydownHandler.remove();
-
         _this.keydownHandler = null;
       }
     };
-
     _this.keydownCallback = function (event) {
       var code = event.keyCode || event.which;
-
       if (code >= 65 && code <= 90 || code >= 48 && code <= 57 || code >= 96 && code <= 105) {
         var findItem_1 = _this.findMatchItem(event.key.toLowerCase());
-
         if (!findItem_1) {
           return;
         }
-
         var _a = _this.props,
-            onFilterChange_1 = _a.onFilterChange,
-            name_1 = _a.name;
+          onFilterChange_1 = _a.onFilterChange,
+          name_1 = _a.name;
         var filterItem = _this.state.filterItem;
-
         if (!filterItem || findItem_1.value !== filterItem.value) {
           _this.setState({
             filterItem: findItem_1
           }, function () {
             if (onFilterChange_1) {
               onFilterChange_1(findItem_1, name_1);
-            } // 通过搜索选择的，将滚动到该元素位置
-
-
+            }
+            // 通过搜索选择的，将滚动到该元素位置
             var element = _this.popupContentRef.current;
-
             if (element && element.parentNode) {
               var elementParentNode = element.parentNode;
-
               if (elementParentNode) {
                 var activeElement = elementParentNode.querySelector(".".concat(_this.prefixCls, "-active"));
-
                 if (activeElement) {
                   // scrollIntoView有问题，设置block为start会带动全局的滚动条
                   elementParentNode.scrollTop = activeElement.offsetTop;
@@ -140,14 +109,12 @@ function (_super) {
         }
       }
     };
-
     _this.findMatchItem = function (inputVal) {
       var list = _this.state.list;
-
       for (var i = 0; i < list.length; i++) {
         for (var j = 0; j < list[i].length; j++) {
-          var item = list[i][j]; // 只对string/number类型进行筛选，
-
+          var item = list[i][j];
+          // 只对string/number类型进行筛选，
           if (!item.unselect && (typeof item.name === 'string' || typeof item.name === 'number')) {
             if (item.name.toString().toLowerCase().indexOf(inputVal) === 0) {
               return item;
@@ -155,105 +122,83 @@ function (_super) {
           }
         }
       }
-
       return null;
     };
     /**
      * 设置显示与隐藏
      */
-
-
     _this.triggerSelect = function (status) {
       if (status === void 0) {
         status = false;
       }
-
       if (_this.state.visible === status) {
         return;
       }
-
       _this.removeKeydownListener();
-
       if (_this.props.isFilterOption && status) {
         _this.addKeydownListener();
-      } // 关闭下拉框，并且已经过滤到数据
-
-
+      }
+      // 关闭下拉框，并且已经过滤到数据
       var filterItem = _this.state.filterItem;
-
       if (filterItem && !status) {
         // 清空filter数据，并触发onChange
         _this.setState({
           filterItem: null
         });
-
         if (filterItem.value !== _this.props.value) {
           _this.props.onChange(filterItem, _this.props.name);
         }
       }
-
       _this.setState({
         visible: status
       });
     };
-
     _this.onTriggerSelect = function () {
       if (_this.props.disabled) {
         return;
       }
-
       _this.triggerSelect(!_this.state.visible);
     };
-
     _this.state = {
       visible: false,
       list: [[]]
     };
     return _this;
   }
-
   Select.getDerivedStateFromProps = function (nextProps) {
     var columnCount = nextProps.columnCount,
-        options = nextProps.options;
-
+      options = nextProps.options;
     if (columnCount <= 1) {
       return {
         list: [__spreadArray([], options, true)]
       };
-    } // 对columnCount值，进行分列，返回一个新的多维数组
-
-
+    }
+    // 对columnCount值，进行分列，返回一个新的多维数组
     var list = [];
-    var maxRow = Math.ceil(options.length / columnCount); // 分列
-
+    var maxRow = Math.ceil(options.length / columnCount);
+    // 分列
     for (var i = 1; i <= columnCount; i++) {
       var startIndex = maxRow * (i - 1);
       var endIndex = maxRow * i;
       var columnList = options.slice(startIndex, endIndex);
       list.push(__spreadArray([], columnList, true));
     }
-
     return {
       list: list
     };
   };
-
   Select.prototype.componentWillUnmount = function () {
     this.removeKeydownListener();
   };
-
   Select.prototype.onSelecting = function (ev, item) {
     var _this = this;
-
     if (ev) {
       ev.stopPropagation();
     }
-
     var _a = this.props,
-        onChange = _a.onChange,
-        value = _a.value,
-        name = _a.name;
-
+      onChange = _a.onChange,
+      value = _a.value,
+      name = _a.name;
     if (item.value !== value) {
       onChange(item, name);
       this.setState({
@@ -264,30 +209,23 @@ function (_super) {
       });
       return;
     }
-
     this.triggerSelect(false);
   };
-
   Select.prototype.renderTitle = function () {
     var title = this.props.title;
-
     if (!title) {
       return null;
     }
-
     var child = React.Children.only(title);
     return /*#__PURE__*/React.cloneElement(child, {
       className: classNames("".concat(this.prefixCls, "-title"), child.props.className)
     });
   };
-
   Select.prototype.renderBottom = function () {
     var bottom = this.props.bottom;
-
     if (!bottom) {
       return null;
     }
-
     var child = React.Children.only(bottom);
     return /*#__PURE__*/React.cloneElement(child, {
       className: classNames("".concat(this.prefixCls, "-bottom"), child.props.className)
@@ -296,11 +234,8 @@ function (_super) {
   /**
    * 下拉框内容
    */
-
-
   Select.prototype.getSelectPopup = function () {
     var _this = this;
-
     var cls = this.prefixCls;
     var filterItem = this.state.filterItem;
     return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderTitle(), /*#__PURE__*/React.createElement("div", {
@@ -312,14 +247,12 @@ function (_super) {
         key: index
       }, col.map(function (item) {
         var _a;
-
         if (item.unselect) {
           return /*#__PURE__*/React.createElement("li", {
             key: "".concat(item.value, "1"),
             className: classNames(item.className, "".concat(cls, "-unselect"))
           }, item.name);
         }
-
         return /*#__PURE__*/React.createElement("li", {
           key: item.value,
           className: classNames(item.className, (_a = {}, _a["".concat(cls, "-active")] = filterItem ? filterItem.value === item.value : item.value === _this.props.value, _a)),
@@ -334,41 +267,32 @@ function (_super) {
    * 根据value获取当前的name,并显示出来
    * @returns {*}
    */
-
-
   Select.prototype.getCurrentName = function () {
     var _a = this.props,
-        options = _a.options,
-        value = _a.value;
+      options = _a.options,
+      value = _a.value;
     var filterItem = this.state.filterItem;
-
     if (!isBlank(value) || filterItem) {
       var currentItem = options.find(function (item) {
         return filterItem ? filterItem.value === item.value : item.value === value;
       });
-
       if (currentItem) {
         return currentItem.actualName || currentItem.name;
       }
     }
-
     return null;
   };
-
   Select.prototype.render = function () {
     var _a, _b;
-
     var visible = this.state.visible;
-
     var _c = this.props,
-        className = _c.className,
-        placeholder = _c.placeholder,
-        disabled = _c.disabled,
-        hiddenIcon = _c.hiddenIcon,
-        icon = _c.icon,
-        dropClassName = _c.dropClassName,
-        extraProps = __rest(_c, ["className", "placeholder", "disabled", "hiddenIcon", "icon", "dropClassName"]);
-
+      className = _c.className,
+      placeholder = _c.placeholder,
+      disabled = _c.disabled,
+      hiddenIcon = _c.hiddenIcon,
+      icon = _c.icon,
+      dropClassName = _c.dropClassName,
+      extraProps = __rest(_c, ["className", "placeholder", "disabled", "hiddenIcon", "icon", "dropClassName"]);
     var cls = this.prefixCls;
     var currentName = this.getCurrentName();
     return /*#__PURE__*/React.createElement(Trigger, __assign({}, extraProps, {
@@ -389,9 +313,8 @@ function (_super) {
     }, currentName || placeholder), hiddenIcon ? null : /*#__PURE__*/React.createElement("span", {
       className: "".concat(cls, "-icon")
     }, typeof icon === 'function' ? icon() : icon)));
-  }; // 默认值
-
-
+  };
+  // 默认值
   Select.defaultProps = {
     title: null,
     icon: /*#__PURE__*/React.createElement("svg", {
@@ -417,5 +340,4 @@ function (_super) {
   };
   return Select;
 }(React.Component);
-
 export default Select;