@aloudata/aloudata-design 0.2.5 → 0.3.0-beta.1

package/es/Navigator/index.js

@@ -1,14 +1,14 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import Menu from './components/Menu';
+import Header from './components/Header';
 
 function Navigator(props) {
-  var menuList = props.menuList,
+  var logoSrc = props.logoSrc,
+      menuList = props.menuList,
       selectedKey = props.selectedKey,
-      logoSrc = props.logoSrc,
       _props$footer = props.footer,
       footer = _props$footer === void 0 ? null : _props$footer,
-      onLogoClick = props.onLogoClick,
       onMenuSelect = props.onMenuSelect;
   var renderMenu = useCallback(function () {
     return /*#__PURE__*/React.createElement(Menu, {
@@ -19,18 +19,9 @@ function Navigator(props) {
   }, [selectedKey, menuList, onMenuSelect]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('ald-nav')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-nav-logo', {
-      'ald-nav-logo-able-click': onLogoClick
-    })
-  }, logoSrc && /*#__PURE__*/React.createElement("div", {
-    onClick: onLogoClick,
-    className: "ald-nav-logo-wrap"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logoSrc,
-    alt: "",
-    draggable: false
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Header, {
+    logoSrc: logoSrc
+  }), /*#__PURE__*/React.createElement("div", {
     className: classNames('ald-nav-menu', {
       'ald-nav-menu-has-footer': !!footer
     })

package/es/Navigator/style/index.less

@@ -1,228 +1,118 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-/* stylelint-disable */
-
-@ald-prefix:ant;
-
-.supTitle() {
-  font-family: 'PingFang SC';
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.subTitle() {
-  font-family: 'PingFang SC';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-}
+@ald-prefix: ant;
+@header-height: 80px;
+@footer-height: 88px;
 
 .ald-nav {
-  width: 216px;
-  background-color: @BBG15;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  width: 240px;
+  height: 100%;
   overflow: hidden;
+  color: @ND0;
+  background-image: url('./bg.png');
+  background-repeat: no-repeat;
+  background-size: cover;
   user-select: none;
 
-  &-logo {
-    height: 72px;
-    padding: 24px;
-    width: 100%;
+  &-header {
+    display: flex;
+    align-items: center;
+    height: @header-height;
+    padding: 0 24px;
+    background: @B20;
+
+    &-content {
+      display: flex;
+      width: 154px;
+      height: 40px;
 
-    &-able-click {
-      cursor: pointer;
+      .ald-nav-logo-img {
+        width: 100%;
+        height: 100%;
+        object-fit: fill;
+      }
     }
-  }
 
-  &-menu-icon-right.anticon {
-    color: @ND60;
+    &-select {
+      display: none;
+      width: 24px;
+      height: 24px;
+    }
   }
 
   &-menu {
     flex: 1;
-    overflow-y: auto;
+    padding: 24px 12px;
     overflow-x: hidden;
-
-    .ant-menu-sub.ant-menu-inline {
-      background-color: unset;
-    }
-
-    .anticon.ant-menu-item-icon {
-      font-size: 20px !important;
-      width: 20px !important;
-      height: 20px !important;
-    }
+    overflow-y: auto;
 
     &::-webkit-scrollbar-thumb {
-      border-radius: 6px;
       background: @ND90;
-      border: 3px solid transparent;
       background-clip: padding-box;
+      border: 3px solid transparent;
+      border-radius: 6px;
     }
 
     &::-webkit-scrollbar {
-      background-color: transparent;
       width: 12px;
       height: 12px;
+      background-color: transparent;
     }
 
-    .ant-menu-inline,
-    .ant-menu-vertical,
-    .ant-menu-vertical-left {
-      border-right: unset;
+    .ald-nav-group {
+      &-title {
+        height: 48px;
+        margin-top: 12px;
+        padding: 0 12px;
+        .textStyle(@BG60, 14px, 48px, 600, normal);
+      }
     }
 
-    .ant-menu {
-      background: @BBG15;
-      color: @ND0;
-
-      &.ant-menu-root {
+    .ald-nav-menu-item {
+      display: flex;
+      align-items: center;
+      height: 48px;
+      padding: 0 12px;
+      line-height: 48px;
+      border-radius: 8px;
 
-        .ant-menu-item {
-          margin-bottom: 16px;
-          padding: 0 12px !important;
-        }
-
-        li:nth-last-child(1) {
-          margin-bottom: 0;
-        }
+      &-icon {
+        margin-right: 12px;
       }
 
-      &.ant-menu-sub {
-        .ant-menu-item {
-          margin-top: 4px;
-          margin-bottom: 0;
-          padding: 0 12px 0 44px!important;
-        }
-      }
-
-      // 只有子级菜单相关颜色操作
-      .ant-menu-item-only-child {
-        color: @ND30;
-        height: 32px !important;
-        line-height: 32px !important;
-        font-size: 12px !important;
-        .subTitle();
-
-        &:hover {
-          color: @ND30 !important;
-        }
+      &-content {
+        flex: 1;
+        overflow: hidden;
+        .textStyle(@B95, 16px, 24px, 600, normal);
 
-        &.ant-menu-item-selected {
-          font-weight: 500;
-
-          &:hover {
-            color: @ND0 !important;
-          }
+        &-text {
+          white-space: nowrap;
         }
       }
 
-      .ant-menu-item {
-        height: 40px;
-        width: 100%;
-        border-radius: 8px;
-        .supTitle();
-
-        ::before {
-          width: 4px;
-          content: '';
-          background: transparent;
-          height: 100%;
-          position: absolute;
-          top: 0;
-          left: -12px;
-          border-radius: 1px;
-          transition: all .3s;
-        }
-
-        &-selected {
-          background-color: @BBG20 !important;
-          color: @ND0;
-          position: relative;
-          overflow: unset;
-
-          ::before {
-            background: @B40;
-          }
-        }
-
-        &::after {
-          display: none !important;
-        }
+      &:hover {
+        cursor: pointer;
       }
 
-      .ant-menu-submenu {
-        margin-bottom: 16px;
-
-        .ant-menu-submenu-title {
-          padding: 0 12px !important;
-          height: 40px;
-          line-height: 40px;
-          .supTitle();
-
-          &:hover {
-            color: @ND0;
-          }
-        }
-
-        &-selected {
-          color: @ND0;
-        }
+      &.ald-nav-menu-item-selected {
+        background-color: @B60;
 
-        &-active {
-          color: @ND0;
+        .ald-nav-menu-item-content {
+          .textStyle(@ND0, 16px, 24px, 600, normal);
         }
       }
-
-      // 修改icon和文字的margin
-      .ant-menu-item .ant-menu-item-icon + span,
-      .ant-menu-submenu-title .ant-menu-item-icon + span,
-      .ant-menu-item .anticon + span,
-      .ant-menu-submenu-title .anticon + span {
-        margin-left: 12px;
-      }
-
-      // 取消item点击时的高亮背景色
-      .ant-menu-item:active,
-      .ant-menu-submenu-title:active {
-        background: unset;
-      }
-
-      .ant-menu-inline .ant-menu-item,
-      .ant-menu-inline .ant-menu-submenu-title {
-        width: 100% !important;
-      }
-
-      // 删除右侧的高亮
-      .ant-menu-vertical .ant-menu-item::after,
-      .ant-menu-vertical-left .ant-menu-item::after,
-      .ant-menu-vertical-right .ant-menu-item::after,
-      .ant-menu-inline .ant-menu-item::after {
-        display: none;
-      }
-    }
-
-    .ant-menu-light .ant-menu-item:hover,
-    .ant-menu-light .ant-menu-item-active,
-    .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
-    .ant-menu-light .ant-menu-submenu-active,
-    .ant-menu-light .ant-menu-submenu-title:hover {
-      color: unset;
     }
   }
 
   &-footer {
-    height: 72px;
+    height: 88px;
 
     &-wrap {
-      color: @ND0;
       height: 100%;
+      color: @ND0;
     }
   }
-}
+}

package/es/Popover/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PopoverProps } from 'antd';
+export type { PopoverProps };
+declare function Popover(props: PopoverProps): JSX.Element;
+export default Popover;

package/es/Popover/index.js

@@ -0,0 +1,22 @@
+import "antd/es/popover/style";
+import _Popover from "antd/es/popover";
+var _excluded = ["overlayClassName", "children"];
+
+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 React from 'react';
+import classnames from 'classnames';
+
+function Popover(props) {
+  var overlayClassName = props.overlayClassName,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Popover, Object.assign({
+    overlayClassName: classnames('ald-popover', overlayClassName)
+  }, restProps), children);
+}
+
+export default Popover;

package/es/Popover/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Popover/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Popover/style/index.less

@@ -0,0 +1,37 @@
+@import '../../style/index.less';
+
+.ald-popover {
+  .ant-popover-arrow {
+    display: none;
+  }
+
+  .ant-popover-title {
+    min-width: 312px;
+    height: 24px;
+    min-height: 24px;
+    padding: 0;
+    color: @NL0;
+    font-weight: 600;
+    font-size: 16px;
+    font-family: 'PingFang SC', sans-serif;
+    font-style: normal;
+    line-height: 24px;
+    border-bottom-width: 0;
+  }
+
+  .ant-popover-inner-content {
+    min-height: 112px;
+    padding: 24px 0 0;
+    color: @NL0;
+    font-weight: 400;
+    font-size: 14px;
+    font-family: 'PingFang SC', sans-serif;
+    font-style: normal;
+    line-height: 20px;
+  }
+
+  .ant-popover-inner {
+    padding: 16px 24px;
+    border-radius: 8px;
+  }
+}

package/es/Radio/index.d.ts

@@ -1,4 +1,3 @@
-import { Radio, RadioProps, RadioChangeEvent, RadioGroupProps } from 'antd';
-export { RadioGroupButtonStyle, RadioGroupOptionType, RadioGroupContextProps, RadioChangeEventTarget, } from 'antd/lib/radio';
-export { RadioProps, RadioChangeEvent, RadioGroupProps };
+import { Radio } from 'antd';
+export { RadioGroupButtonStyle, RadioGroupOptionType, RadioGroupProps, RadioGroupContextProps, RadioProps, RadioChangeEventTarget, RadioChangeEvent, } from 'antd/lib/radio';
 export default Radio;

package/es/Select/index.d.ts

@@ -1,11 +1,38 @@
-import BaseSelect from './BaseSelect';
-import { IOption as Option, ISelectProps as SelectProps, IOptGroupProps as OptGroupProps, IOptionProps as OptionProps } from './interface';
-import Options from './OptionsList/Options';
-import OptGroup from './OptionsList/OptGroup';
-export declare type TSelect = typeof BaseSelect & {
-    Group: typeof OptGroup;
-    Option: typeof Options;
+import type { SelectProps as RcSelectProps } from './rc-select';
+import { BaseSelectRef, OptGroup, Option } from './rc-select';
+import { OptionProps } from './rc-select/Option';
+import type { BaseOptionType, DefaultOptionType } from './rc-select/Select';
+import * as React from 'react';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import { SelectCommonPlacement } from 'antd/lib/_util/motion';
+import type { InputStatus } from 'antd/lib/_util/statusUtils';
+declare type RawValue = string | number;
+export type { OptionProps, BaseSelectRef as RefSelectProps, BaseOptionType, DefaultOptionType };
+export interface LabeledValue {
+    key?: string;
+    value: RawValue;
+    label: React.ReactNode;
+}
+export declare type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
+export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'mode'> {
+    suffixIcon?: React.ReactNode;
+    size?: SizeType;
+    disabled?: boolean;
+    mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
+    bordered?: boolean;
+}
+export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement'> {
+    placement?: SelectCommonPlacement;
+    mode?: 'multiple' | 'tags';
+    status?: InputStatus;
+}
+declare const Select: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: ((instance: BaseSelectRef | null) => void) | React.RefObject<BaseSelectRef> | null | undefined;
+}) => React.ReactElement) & {
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: typeof Option;
+    OptGroup: typeof OptGroup;
 };
-declare const Select: TSelect;
-export { Options as Option, OptGroup as Group, SelectProps, OptionProps, Option as SelectOptions, OptGroupProps as GroupProps, };
 export default Select;

package/es/Select/index.js

@@ -1,8 +1,155 @@
-import BaseSelect from './BaseSelect';
-import Options from './OptionsList/Options';
-import OptGroup from './OptionsList/OptGroup';
-var Select = BaseSelect;
-Select.Option = Options;
-Select.Group = OptGroup;
-export { Options as Option, OptGroup as Group };
+var _excluded = ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "showArrow"];
+
+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 _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; }
+
+// @ts-nocheck
+// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
+import classNames from 'classnames';
+import RcSelect, { OptGroup, Option } from './rc-select';
+import omit from 'rc-util/lib/omit';
+import * as React from 'react';
+import { useContext } from 'react';
+import { ConfigContext } from 'antd/lib/config-provider';
+import SizeContext from 'antd/lib/config-provider/SizeContext';
+import DisabledContext from 'antd/lib/config-provider/DisabledContext';
+import { FormItemInputContext } from 'antd/lib/form/context';
+import { getTransitionDirection, getTransitionName } from 'antd/lib/_util/motion';
+import { getMergedStatus, getStatusClassNames } from 'antd/lib/_util/statusUtils';
+import defaultRenderEmpty from 'antd/lib/config-provider/defaultRenderEmpty';
+import getIcons from './utils/iconUtil';
+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,
+      showArrow = _ref.showArrow,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _React$useContext = React.useContext(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;
+
+  var size = React.useContext(SizeContext);
+  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 _useContext = useContext(FormItemInputContext),
+      contextStatus = _useContext.status,
+      hasFeedback = _useContext.hasFeedback,
+      isFormItemInput = _useContext.isFormItemInput,
+      feedbackIcon = _useContext.feedbackIcon;
+
+  var mergedStatus = getMergedStatus(contextStatus, customStatus); // ===================== Empty =====================
+
+  var mergedNotFound;
+
+  if (notFoundContent !== undefined) {
+    mergedNotFound = notFoundContent;
+  } else if (mode === 'combobox') {
+    mergedNotFound = null;
+  } else {
+    mergedNotFound = (renderEmpty || defaultRenderEmpty)('Select');
+  } // ===================== Icons =====================
+
+
+  var _getIcons = getIcons(_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;
+
+  var selectProps = omit(props, ['suffixIcon', 'itemIcon']);
+  var rcSelectRtlDropdownClassName = classNames(dropdownClassName, _defineProperty({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'));
+  var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled || disabled;
+  var mergedClassName = classNames('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), 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, Object.assign({
+    ref: ref,
+    virtual: virtual,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth
+  }, selectProps, {
+    transitionName: getTransitionName(rootPrefixCls, getTransitionDirection(placement), props.transitionName),
+    listHeight: listHeight,
+    listItemHeight: listItemHeight,
+    mode: mode,
+    prefixCls: prefixCls,
+    size: mergedSize,
+    placement: getPlacement(),
+    direction: direction,
+    inputIcon: suffixIcon,
+    menuItemSelectedIcon: itemIcon,
+    removeIcon: removeIcon,
+    clearIcon: clearIcon,
+    notFoundContent: mergedNotFound,
+    className: mergedClassName,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    dropdownClassName: rcSelectRtlDropdownClassName,
+    showArrow: hasFeedback || showArrow,
+    disabled: mergedDisabled
+  }));
+};
+
+var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
+Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
+Select.Option = Option;
+Select.OptGroup = OptGroup;
 export default Select;