@aloudata/aloudata-design 0.4.8-beta.14 → 0.4.8-beta.16

package/dist/Radio/components/Group/index.js

@@ -1,55 +1,63 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import React, { createContext, useRef } from 'react';
 export var RadioGroupContext = /*#__PURE__*/createContext({});
 export default function RadioGroup(props) {
   var children = props.children,
-    _props$radioGroupStyl = props.radioGroupStyle,
-    radioGroupStyle = _props$radioGroupStyl === void 0 ? 'border' : _props$radioGroupStyl,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'radio' : _props$type,
-    className = props.className,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
-  // 滑块的ref
-  var sliderRef = useRef(null);
-  // 该hooks与useState相同，但是当props中有value值时，优先使用value的值
+      _props$radioGroupStyl = props.radioGroupStyle,
+      radioGroupStyle = _props$radioGroupStyl === void 0 ? 'border' : _props$radioGroupStyl,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'radio' : _props$type,
+      className = props.className,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled; // 滑块的ref
+
+  var sliderRef = useRef(null); // 该hooks与useState相同，但是当props中有value值时，优先使用value的值
+
   var _useMergedState = useMergedState(props.defaultValue, {
-      value: props === null || props === void 0 ? void 0 : props.value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    value = _useMergedState2[0],
-    setValue = _useMergedState2[1];
+    value: props === null || props === void 0 ? void 0 : props.value
+  }),
+      _useMergedState2 = _slicedToArray(_useMergedState, 2),
+      value = _useMergedState2[0],
+      setValue = _useMergedState2[1]; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var onRadioChange = function onRadioChange(selectedValue) {
-    var lastValue = value;
-    // const val = ev.target.value;
+    var lastValue = value; // const val = ev.target.value;
     // console.log(selectValue);
+
     setValue(selectedValue);
     var onChange = props.onChange;
+
     if (onChange && selectedValue !== lastValue) {
       onChange(selectedValue);
     }
   };
+
   var getWrapperClass = function getWrapperClass() {
     var _classNames;
+
     var isButton = ['button', 'iconButton'].includes(type);
     var tempType = type === 'iconButton' ? 'icon-button' : type;
     return classNames('ald-radio-group', className, "ald-radio-group-".concat(tempType), (_classNames = {}, _defineProperty(_classNames, "ald-radio-group-".concat(radioGroupStyle), isButton), _defineProperty(_classNames, "ald-radio-group-".concat(size), isButton), _classNames));
   };
+
   return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
     value: {
       onChange: onRadioChange,

package/dist/Radio/components/Radio/index.js

@@ -1,9 +1,9 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import classNames from 'classnames';
 import _ from 'lodash';
 import React, { useContext, useEffect, useRef } from 'react';
@@ -13,21 +13,25 @@ export default function Radio(props) {
   var groupContext = useContext(RadioGroupContext);
   var labelRef = useRef(null);
   var id = getUUID().toString();
+
   var radioProps = _objectSpread({}, props);
+
   if (!_.isEmpty(groupContext)) {
     radioProps.disabled = groupContext.disabled || props.disabled;
     radioProps.checked = !props.disabled && groupContext.value === props.value;
   } else {
     radioProps.checked = !('checked' in props) ? props.defaultChecked : radioProps.checked;
-  }
-  // 设置input外层盒子的class
+  } // 设置input外层盒子的class
+
+
   var aldRadioClass = classNames('ald-radio', {
     'ald-radio-checked': radioProps.checked,
     'ald-radio-disabled': radioProps.disabled
-  });
-  // 根据属性设置最外层的class
+  }); // 根据属性设置最外层的class
+
   var getWrapperClass = function getWrapperClass() {
     var otherClass = '';
+
     if (groupContext.type === 'button') {
       if (groupContext.radioGroupStyle === 'filled') {
         otherClass = 'ald-radio-button-wrapper-filled';
@@ -52,26 +56,30 @@ export default function Radio(props) {
       // 当type未设置或者是radio时
       otherClass = 'ald-radio-wrapper';
     }
+
     return classNames('ald-radio-label', otherClass, {
       'ald-radio-wrapper-checked': radioProps.checked,
       'ald-radio-wrapper-disabled': radioProps.disabled
     });
-  };
+  }; // filled button模式下，更改滑块的位置
+
 
-  // filled button模式下，更改滑块的位置
   useEffect(function () {
     var _groupContext$sliderR;
+
     if (radioProps.checked && groupContext !== null && groupContext !== void 0 && (_groupContext$sliderR = groupContext.sliderRef) !== null && _groupContext$sliderR !== void 0 && _groupContext$sliderR.current && labelRef !== null && labelRef !== void 0 && labelRef.current) {
       groupContext.sliderRef.current.style.left = "".concat(labelRef.current.offsetLeft, "px");
       groupContext.sliderRef.current.style.width = "".concat(labelRef.current.offsetWidth, "px");
     }
   }, [groupContext.sliderRef, radioProps.checked]);
+
   var onChange = function onChange() {
     if (groupContext !== null && groupContext !== void 0 && groupContext.onChange) {
       // input事件的value会被toString，所以此处进行一个覆盖
       groupContext.onChange(props.value);
     }
   };
+
   return /*#__PURE__*/React.createElement("label", {
     className: getWrapperClass(),
     htmlFor: id,

package/dist/Select/components/MultipleOption.js

@@ -3,14 +3,16 @@ import classnames from 'classnames';
 import React from 'react';
 export default function MultipleList(params) {
   var disabled = params.disabled,
-    option = params.option,
-    selected = params.selected,
-    onChange = params.onChange,
-    className = params.className;
+      option = params.option,
+      selected = params.selected,
+      onChange = params.onChange,
+      className = params.className;
+
   var onClick = function onClick() {
     if (disabled) return;
     onChange === null || onChange === void 0 ? void 0 : onChange(!selected);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-multiple-option', className, {
       'ald-multiple-option-disabled': disabled

package/dist/Select/components/SingleOption.js

@@ -4,15 +4,17 @@ import React from 'react';
 import colors from "../../style/themes/default/themeColor.module.less";
 export default function SingleOption(params) {
   var disabled = params.disabled,
-    selected = params.selected,
-    option = params.option,
-    _params$onChange = params.onChange,
-    onChange = _params$onChange === void 0 ? function () {} : _params$onChange,
-    className = params.className;
+      selected = params.selected,
+      option = params.option,
+      _params$onChange = params.onChange,
+      onChange = _params$onChange === void 0 ? function () {} : _params$onChange,
+      className = params.className;
+
   var onClick = function onClick() {
     if (disabled) return;
     onChange(!selected);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-single-option', className, {
       'ald-single-option-disabled': disabled

package/dist/Select/index.js

@@ -1,21 +1,33 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "style"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import { FoldDownFill } from '@aloudata/icons-react';
 import { Select as AntdSelect } from 'antd';
 import classNames from 'classnames';
@@ -30,6 +42,7 @@ var suffixIconSizeMap = {
   middle: 16,
   small: 14
 };
+
 var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue) {
   if (typeof value !== 'undefined') {
     if (isMultiple) {
@@ -43,97 +56,122 @@ var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultipl
       var _newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
         return option.value === value;
       });
+
       return _newOptions || [];
     }
+
     return [];
   }
+
   if (typeof defaultValue !== 'undefined') {
     if (isMultiple) {
       if (Array.isArray(defaultValue)) {
         var _newOptions2 = options === null || options === void 0 ? void 0 : options.filter(function (option) {
           return defaultValue.includes(option.value);
         });
+
         return _newOptions2 || [];
       }
     } else {
       var _newOptions3 = options === null || options === void 0 ? void 0 : options.filter(function (option) {
         return option.value === defaultValue;
       });
+
       return _newOptions3 || [];
     }
+
     return [];
   }
+
   return [];
 };
+
 var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   var mode = props.mode,
-    options = props.options,
-    dropdownRender = props.dropdownRender,
-    _onDropdownVisibleChange = props.onDropdownVisibleChange,
-    defaultValue = props.defaultValue,
-    onChange = props.onChange,
-    open = props.open,
-    defaultOpen = props.defaultOpen,
-    prefix = props.prefix,
-    className = props.className,
-    popupClassName = props.popupClassName,
-    listHeight = props.listHeight,
-    _props$listItemHeight = props.listItemHeight,
-    listItemHeight = _props$listItemHeight === void 0 ? 36 : _props$listItemHeight,
-    _props$notFoundConten = props.notFoundContent,
-    notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
-      image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
-      size: "small",
-      title: "No data"
-    }) : _props$notFoundConten,
-    value = props.value,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    restProps = _objectWithoutProperties(props, _excluded);
+      options = props.options,
+      dropdownRender = props.dropdownRender,
+      _onDropdownVisibleChange = props.onDropdownVisibleChange,
+      defaultValue = props.defaultValue,
+      onChange = props.onChange,
+      open = props.open,
+      defaultOpen = props.defaultOpen,
+      prefix = props.prefix,
+      className = props.className,
+      popupClassName = props.popupClassName,
+      listHeight = props.listHeight,
+      _props$listItemHeight = props.listItemHeight,
+      listItemHeight = _props$listItemHeight === void 0 ? 36 : _props$listItemHeight,
+      _props$notFoundConten = props.notFoundContent,
+      notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
+    size: "small",
+    title: "\u65E0\u6570\u636E"
+  }) : _props$notFoundConten,
+      value = props.value,
+      tagRender = props.tagRender,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      restProps = _objectWithoutProperties(props, _excluded);
+
   var isMultiple = mode === 'multiple';
+
   var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, options, value, defaultValue)),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedOptions = _React$useState2[0],
-    setSelectedOptions = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedOptions = _React$useState2[0],
+      setSelectedOptions = _React$useState2[1];
+
   var dropDownTimeRef = React.useRef(0);
+
   var _React$useState3 = React.useState(typeof open === 'boolean' ? open : defaultOpen),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isOpen = _React$useState4[0],
-    setIsOpen = _React$useState4[1];
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isOpen = _React$useState4[0],
+      setIsOpen = _React$useState4[1];
+
   var prefixRef = React.useRef(null);
+
   var _React$useState5 = React.useState(0),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    prefixWidth = _React$useState6[0],
-    setPrefixWidth = _React$useState6[1];
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      prefixWidth = _React$useState6[0],
+      setPrefixWidth = _React$useState6[1];
+
   var updatedRef = useRef(false);
+
   var onMultipleOptionChange = function onMultipleOptionChange(option, selected) {
     var newOptions = [];
+
     if (selected) {
       var _props$onSelect;
+
       newOptions = [].concat(_toConsumableArray(selectedOptions), [option]);
       (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, option.value, option);
     } else {
       var _props$onDeselect;
+
       (_props$onDeselect = props.onDeselect) === null || _props$onDeselect === void 0 ? void 0 : _props$onDeselect.call(props, option.value, option);
       newOptions = selectedOptions.filter(function (item) {
         return item.value !== option.value;
       });
     }
+
     if (typeof value === 'undefined') {
       setSelectedOptions(newOptions);
     }
+
     onChange === null || onChange === void 0 ? void 0 : onChange(newOptions.map(function (item) {
       return item.value;
     }), newOptions);
   };
+
   var getListHeight = function getListHeight() {
     if (typeof listHeight === 'number' && options !== null && options !== void 0 && options.length) {
       if (listHeight <= options.length * listItemHeight) {
         return listHeight;
       }
     }
+
     return 0;
   };
+
   var multipleRender = function multipleRender() {
     return /*#__PURE__*/React.createElement("div", {
       className: "ald-multiple-option-list"
@@ -159,15 +197,19 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }));
   };
+
   var onSingleOptionChange = function onSingleOptionChange(option) {
     var _props$onSelect2;
+
     if (typeof value === 'undefined') {
       setSelectedOptions([option]);
     }
+
     onChange === null || onChange === void 0 ? void 0 : onChange(option.value, option);
     (_props$onSelect2 = props.onSelect) === null || _props$onSelect2 === void 0 ? void 0 : _props$onSelect2.call(props, option.value, option);
     setIsOpen(false);
   };
+
   var singleRender = function singleRender() {
     return /*#__PURE__*/React.createElement("div", {
       className: "ald-single-option-list"
@@ -193,6 +235,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }));
   };
+
   var getDropdownRender = function getDropdownRender() {
     if (dropdownRender) {
       if (isMultiple) {
@@ -202,6 +245,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         };
       } else {
         var _menu = singleRender();
+
         return function () {
           return dropdownRender(_menu);
         };
@@ -217,10 +261,10 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, notFoundContent);
       };
     }
-  };
-  // todo: tagRender
-  // todo: 隐藏已选择项
+  }; // todo: 隐藏已选择项
   // todo: 分组
+
+
   var currentValue = useMemo(function () {
     if (isMultiple) {
       return selectedOptions.map(function (option) {
@@ -228,6 +272,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     } else {
       var _selectedOptions$;
+
       return (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.value;
     }
   }, [selectedOptions]);
@@ -239,15 +284,18 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   var styleVar = {
     '--ald-select-prefix-width': "".concat(prefixWidth, "px")
   };
-  var tagRender = function tagRender(props) {
+
+  var defaultTagRender = function defaultTagRender(props) {
     var label = props.label;
     return /*#__PURE__*/React.createElement("span", {
       className: "ald-select-multiple-tag-default"
     }, label);
   };
+
   var maxTagPlaceholder = function maxTagPlaceholder(omittedValues) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, "\u7B49", omittedValues.length, "\u9879");
   };
+
   useEffect(function () {
     if (updatedRef.current) {
       setSelectedOptions(getSelectedOptionsFromValue(isMultiple, options, value));
@@ -281,7 +329,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     open: typeof open === 'boolean' ? open : isOpen,
     maxTagCount: "responsive",
     ref: ref,
-    tagRender: tagRender,
+    tagRender: tagRender || defaultTagRender,
     onChange: onChange,
     popupClassName: classNames('ald-select-popup', popupClassName),
     maxTagPlaceholder: maxTagPlaceholder,
@@ -300,9 +348,11 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
       setIsOpen(open);
+
       if (!open) {
         dropDownTimeRef.current = Date.now();
       }
+
       _onDropdownVisibleChange === null || _onDropdownVisibleChange === void 0 ? void 0 : _onDropdownVisibleChange(open);
     },
     value: value !== null && value !== void 0 ? value : currentValue,

package/dist/Select/style/index.less

@@ -14,6 +14,7 @@
     // max-height: 264px;
     overflow-y: auto;
     overflow-y: overlay;
+    border:1px solid @BG70;
   }
 }
 

package/dist/Spin/CustomIcon/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import "./index.less";
 import classNames from 'classnames';
+
 var Icon = function Icon(props) {
   var size = props.size;
   return /*#__PURE__*/React.createElement("div", {
@@ -21,4 +22,5 @@ var Icon = function Icon(props) {
     className: "icon-bar"
   })));
 };
+
 export default Icon;

package/dist/Spin/index.js

@@ -1,17 +1,25 @@
 var _excluded = ["size"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import { Spin } from 'antd';
 import React from 'react';
 import CustomIcon from "./CustomIcon";
+
 function CustomSpin(props) {
   var size = props.size,
-    restProps = _objectWithoutProperties(props, _excluded);
+      restProps = _objectWithoutProperties(props, _excluded);
+
   var spinSize = 'default';
+
   if (size === 'middle') {
     spinSize = 'default';
   }
+
   return /*#__PURE__*/React.createElement(Spin, _extends({
     indicator: /*#__PURE__*/React.createElement(CustomIcon, {
       size: props.size
@@ -20,4 +28,5 @@ function CustomSpin(props) {
     size: spinSize
   }));
 }
+
 export default CustomSpin;

package/dist/Steps/components/ProcessIcon/index.js

@@ -7,6 +7,7 @@ export function ProcessIcon(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
   }));
+
   if (type === 'error') {
     return /*#__PURE__*/React.createElement("span", {
       className: classNames("".concat(type, "-icon-box"), 'icon-box')
@@ -14,6 +15,7 @@ export function ProcessIcon(_ref) {
       src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1MSAwSDEuOTY4NzVWNi41SDAuMjgxMjUxVjBaTTEuMTI1IDEwQzAuOTAyNDk3IDEwIDAuNjg0OTkgOS45MzQwMiAwLjQ5OTk4NSA5LjgxMDRDMC4zMTQ5NzkgOS42ODY3OSAwLjE3MDc4NSA5LjUxMTA4IDAuMDg1NjM2MSA5LjMwNTUyQzAuMDAwNDg3NDQ3IDkuMDk5OTUgLTAuMDIxNzkxMyA4Ljg3Mzc1IDAuMDIxNjE3MSA4LjY1NTUyQzAuMDY1MDI1NSA4LjQzNzI5IDAuMTcyMTcxIDguMjM2ODQgMC4zMjk1MDUgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODcyOTUgNy44MTUwMiAwLjkwNTUyNCA3Ljc3MTYyQzEuMTIzNzUgNy43MjgyMSAxLjM0OTk1IDcuNzUwNDkgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjQ5OThDMi4xODQwMiA4LjQzNDk5IDIuMjUgOC42NTI1IDIuMjUgOC44NzVDMi4yNSA5LjE3MzM3IDIuMTMxNDcgOS40NTk1MiAxLjkyMDUgOS42NzA0OUMxLjcwOTUyIDkuODgxNDcgMS40MjMzNyAxMCAxLjEyNSAxMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
     }));
   }
+
   return /*#__PURE__*/React.createElement("span", {
     className: classNames("".concat(type, "-icon-box"), 'icon-box')
   });

package/dist/Steps/components/Step/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { CheckCircleDuotone, AlertTriangleDuotone } from '@aloudata/icons-react';
 import { ProcessIcon } from "../ProcessIcon";
@@ -6,6 +7,7 @@ import { Steps as AntdSteps } from 'antd';
 var AntdStep = AntdSteps.Step;
 export function Step(props) {
   var status = props.status;
+
   var getIcon = function getIcon(stepStatus) {
     if (stepStatus === 'error') {
       return /*#__PURE__*/React.createElement("span", {
@@ -16,6 +18,7 @@ export function Step(props) {
         fill: ['#D92D20', 'fff']
       }));
     }
+
     if (stepStatus === 'finish') {
       return /*#__PURE__*/React.createElement("span", {
         className: "check-icon-box icon-box"
@@ -25,16 +28,19 @@ export function Step(props) {
         fill: ['#D92D20', 'fff']
       }));
     }
+
     if (stepStatus === 'process') {
       return /*#__PURE__*/React.createElement(ProcessIcon, {
         type: "process"
       });
-    }
-    // wait
+    } // wait
+
+
     return /*#__PURE__*/React.createElement(ProcessIcon, {
       type: "wait"
     });
   };
+
   return /*#__PURE__*/React.createElement(AntdStep, _extends({}, props, {
     icon: getIcon(status)
   }));