@aloudata/aloudata-design 0.4.0-beta.10 → 0.4.0-beta.12

package/lib/Select/index.js

@@ -1,157 +1,123 @@
 "use strict";
 
 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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _rcSelect = _interopRequireWildcard(require("./rc-select"));
-
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _configProvider = require("antd/lib/config-provider");
-
 var _SizeContext = _interopRequireDefault(require("antd/lib/config-provider/SizeContext"));
-
 var _DisabledContext = _interopRequireDefault(require("antd/lib/config-provider/DisabledContext"));
-
 var _context = require("antd/lib/form/context");
-
 var _motion = require("antd/lib/_util/motion");
-
 var _statusUtils = require("antd/lib/_util/statusUtils");
-
 var _defaultRenderEmpty = _interopRequireDefault(require("../ConfigProvider/defaultRenderEmpty"));
-
 var _iconUtil = _interopRequireDefault(require("./utils/iconUtil"));
-
 var _excluded = ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "showArrow"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 _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; }
-
 var SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-
 var InternalSelect = function InternalSelect(_ref, ref) {
   var _classNames2;
-
   var customizePrefixCls = _ref.prefixCls,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? true : _ref$bordered,
-      className = _ref.className,
-      getPopupContainer = _ref.getPopupContainer,
-      dropdownClassName = _ref.dropdownClassName,
-      _ref$listHeight = _ref.listHeight,
-      listHeight = _ref$listHeight === void 0 ? 256 : _ref$listHeight,
-      placement = _ref.placement,
-      _ref$listItemHeight = _ref.listItemHeight,
-      listItemHeight = _ref$listItemHeight === void 0 ? 24 : _ref$listItemHeight,
-      customizeSize = _ref.size,
-      customDisabled = _ref.disabled,
-      notFoundContent = _ref.notFoundContent,
-      customStatus = _ref.status,
-      _ref$showArrow = _ref.showArrow,
-      showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? true : _ref$bordered,
+    className = _ref.className,
+    getPopupContainer = _ref.getPopupContainer,
+    dropdownClassName = _ref.dropdownClassName,
+    _ref$listHeight = _ref.listHeight,
+    listHeight = _ref$listHeight === void 0 ? 256 : _ref$listHeight,
+    placement = _ref.placement,
+    _ref$listItemHeight = _ref.listItemHeight,
+    listItemHeight = _ref$listItemHeight === void 0 ? 24 : _ref$listItemHeight,
+    customizeSize = _ref.size,
+    customDisabled = _ref.disabled,
+    notFoundContent = _ref.notFoundContent,
+    customStatus = _ref.status,
+    _ref$showArrow = _ref.showArrow,
+    showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getContextPopupContainer = _React$useContext.getPopupContainer,
-      getPrefixCls = _React$useContext.getPrefixCls,
-      renderEmpty = _React$useContext.renderEmpty,
-      direction = _React$useContext.direction,
-      virtual = _React$useContext.virtual,
-      dropdownMatchSelectWidth = _React$useContext.dropdownMatchSelectWidth;
-
+    getContextPopupContainer = _React$useContext.getPopupContainer,
+    getPrefixCls = _React$useContext.getPrefixCls,
+    renderEmpty = _React$useContext.renderEmpty,
+    direction = _React$useContext.direction,
+    virtual = _React$useContext.virtual,
+    dropdownMatchSelectWidth = _React$useContext.dropdownMatchSelectWidth;
   var size = React.useContext(_SizeContext.default);
   var prefixCls = getPrefixCls('select', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
   var mode = React.useMemo(function () {
     var m = props.mode;
-
     if (m === 'combobox') {
       return undefined;
     }
-
     if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
       return 'combobox';
     }
-
     return m;
   }, [props.mode]);
   var isMultiple = mode === 'multiple' || mode === 'tags';
-  var mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !(isMultiple || mode === 'combobox'); // ===================== Form Status =====================
-
+  var mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !(isMultiple || mode === 'combobox');
+  // ===================== Form Status =====================
   var _useContext = (0, React.useContext)(_context.FormItemInputContext),
-      contextStatus = _useContext.status,
-      hasFeedback = _useContext.hasFeedback,
-      isFormItemInput = _useContext.isFormItemInput,
-      feedbackIcon = _useContext.feedbackIcon;
-
-  var mergedStatus = (0, _statusUtils.getMergedStatus)(contextStatus, customStatus); // ===================== Empty =====================
-
+    contextStatus = _useContext.status,
+    hasFeedback = _useContext.hasFeedback,
+    isFormItemInput = _useContext.isFormItemInput,
+    feedbackIcon = _useContext.feedbackIcon;
+  var mergedStatus = (0, _statusUtils.getMergedStatus)(contextStatus, customStatus);
+  // ===================== Empty =====================
   var mergedNotFound;
-
   if (notFoundContent !== undefined) {
     mergedNotFound = notFoundContent;
   } else if (mode === 'combobox') {
     mergedNotFound = null;
   } else {
     mergedNotFound = (renderEmpty || _defaultRenderEmpty.default)('Select');
-  } // ===================== Icons =====================
-
-
+  }
+  // ===================== Icons =====================
   var _getIcons = (0, _iconUtil.default)(_objectSpread(_objectSpread({}, props), {}, {
-    multiple: isMultiple,
-    hasFeedback: hasFeedback,
-    feedbackIcon: feedbackIcon,
-    showArrow: mergedShowArrow,
-    prefixCls: prefixCls
-  })),
-      suffixIcon = _getIcons.suffixIcon,
-      itemIcon = _getIcons.itemIcon,
-      removeIcon = _getIcons.removeIcon,
-      clearIcon = _getIcons.clearIcon;
-
+      multiple: isMultiple,
+      hasFeedback: hasFeedback,
+      feedbackIcon: feedbackIcon,
+      showArrow: mergedShowArrow,
+      prefixCls: prefixCls
+    })),
+    suffixIcon = _getIcons.suffixIcon,
+    itemIcon = _getIcons.itemIcon,
+    removeIcon = _getIcons.removeIcon,
+    clearIcon = _getIcons.clearIcon;
   var selectProps = (0, _omit.default)(props, ['suffixIcon', 'itemIcon']);
   var rcSelectRtlDropdownClassName = (0, _classnames.default)(dropdownClassName, _defineProperty({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'));
-  var mergedSize = customizeSize || size; // ===================== Disabled =====================
-
+  var mergedSize = customizeSize || size;
+  // ===================== Disabled =====================
   var disabled = React.useContext(_DisabledContext.default);
   var mergedDisabled = customDisabled || disabled;
-  var mergedClassName = (0, _classnames.default)('ald-select', (_classNames2 = {}, _defineProperty(_classNames2, "ald-select-large", mergedSize === 'large'), _defineProperty(_classNames2, "ald-select-small", mergedSize === 'small'), _defineProperty(_classNames2, 'ald-select-mini', mergedSize === 'mini'), _defineProperty(_classNames2, 'ald-select-middle', !['large', 'small', 'mini'].includes(mergedSize)), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames2, "".concat(prefixCls, "-in-form-item"), isFormItemInput), _classNames2), (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), className); // ===================== Placement =====================
-
+  var mergedClassName = (0, _classnames.default)('ald-select', (_classNames2 = {}, _defineProperty(_classNames2, "ald-select-large", mergedSize === 'large'), _defineProperty(_classNames2, "ald-select-small", mergedSize === 'small'), _defineProperty(_classNames2, 'ald-select-mini', mergedSize === 'mini'), _defineProperty(_classNames2, 'ald-select-middle', !['large', 'small', 'mini'].includes(mergedSize)), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames2, "".concat(prefixCls, "-in-form-item"), isFormItemInput), _classNames2), (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), className);
+  // ===================== Placement =====================
   var getPlacement = function getPlacement() {
     if (placement !== undefined) {
       return placement;
     }
-
     return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
   };
-
-  return /*#__PURE__*/React.createElement(_rcSelect.default, Object.assign({
+  return /*#__PURE__*/React.createElement(_rcSelect.default, _objectSpread(_objectSpread({
     ref: ref,
     virtual: virtual,
     dropdownMatchSelectWidth: dropdownMatchSelectWidth
-  }, selectProps, {
+  }, selectProps), {}, {
     transitionName: (0, _motion.getTransitionName)(rootPrefixCls, (0, _motion.getTransitionDirection)(placement), props.transitionName),
     listHeight: listHeight,
     listItemHeight: listItemHeight,
@@ -172,7 +138,6 @@ var InternalSelect = function InternalSelect(_ref, ref) {
     disabled: mergedDisabled
   }));
 };
-
 var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
 Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select.Option = _rcSelect.Option;

package/lib/Select/rc-select/BaseSelect.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import type { AlignType } from 'rc-trigger/lib/interface';
 import type { ScrollTo, ScrollConfig } from 'rc-virtual-list/lib/List';
-export declare type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);
-export declare type RenderDOMFunc = (props: any) => HTMLElement;
-export declare type Mode = 'multiple' | 'tags' | 'combobox';
-export declare type Placement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
-export declare type RawValueType = string | number;
+export type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);
+export type RenderDOMFunc = (props: any) => HTMLElement;
+export type Mode = 'multiple' | 'tags' | 'combobox';
+export type Placement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+export type RawValueType = string | number;
 export interface RefOptionListProps {
     onKeyDown: React.KeyboardEventHandler;
     onKeyUp: React.KeyboardEventHandler;
     scrollTo?: (args: number | ScrollConfig) => void;
 }
-export declare type CustomTagProps = {
+export type CustomTagProps = {
     label: React.ReactNode;
     value: any;
     disabled: boolean;
@@ -54,7 +54,7 @@ export interface BaseSelectPrivateProps {
     /** Tell if provided `options` is empty */
     emptyOptions: boolean;
 }
-export declare type BaseSelectPropsWithoutPrivate = Omit<BaseSelectProps, keyof BaseSelectPrivateProps>;
+export type BaseSelectPropsWithoutPrivate = Omit<BaseSelectProps, keyof BaseSelectPrivateProps>;
 export interface BaseSelectProps extends BaseSelectPrivateProps, React.AriaAttributes {
     className?: string;
     style?: React.CSSProperties;