@aloudata/aloudata-design 0.2.0-beta.2 → 0.2.0-beta.22

package/lib/Input/components/Input/index.d.ts

@@ -0,0 +1,67 @@
+import React, { ReactNode } from 'react';
+import type { InputProps } from 'antd/lib/input/Input';
+import type { InputRef } from 'rc-input';
+interface IShowCountProps {
+    formatter: (args: {
+        count: number;
+        maxLength?: number;
+    }) => string;
+}
+export declare type TSize = 'small' | 'default' | 'large';
+export type { InputRef };
+declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
+export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange'> {
+    /**
+     * @description 输入框尺寸
+     * @default default
+     * @type 'small' | 'default' | 'large';
+     */
+    size?: TSize;
+    /**
+     * @description 输入框id
+     */
+    id?: string;
+    /**
+     * @description 提示文字
+     */
+    prefix?: ReactNode;
+    /**
+     * @description 带标签的 input，设置前置标签
+     */
+    allowClear?: boolean;
+    /**
+     * @description 可以点击清除图标删除内容
+     * @default true
+     */
+    disabled?: boolean;
+    /**
+     * @description 提示文字
+     * @default false
+     * @type boolean | { formatter: (args: { count: number; maxLength?: number; }) => string; };
+     */
+    showCount?: boolean | IShowCountProps;
+    /**
+     * @description 最大长度
+     */
+    maxLength?: number;
+    /**
+     * @description 输入框内容
+     */
+    value?: string;
+    /**
+     * @description 输入框默认内容
+     */
+    defaultValue?: string;
+    /**
+     * @description 按下回车的回调
+     * @type (e) => void
+     */
+    onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * @description 输入框内容变化时的回调
+     * @type (e: React.ChangeEvent<HTMLInputElement>) => void;
+     */
+    onChange?: ChangeEventHandler;
+}
+declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>>;
+export default Input;

package/lib/Input/components/Input/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Input = _interopRequireDefault(require("antd/lib/input/Input"));
+
+var _excluded = ["size"];
+
+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 _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 Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var getInputSize = function getInputSize(inputSize) {
+    if (inputSize === 'small' || inputSize === 'large') {
+      return inputSize;
+    }
+
+    return 'middle';
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Input.default, _objectSpread(_objectSpread({}, rest), {}, {
+    // @ts-ignore
+    ref: ref,
+    size: getInputSize(size),
+    bordered: true,
+    addonAfter: null,
+    addonBefore: null,
+    suffix: null
+  }));
+});
+
+var _default = Input;
+exports.default = _default;

package/lib/Input/components/Password/index.d.ts

@@ -1,10 +1,11 @@
-import { InputProps } from 'antd';
-interface IPasswordProps extends InputProps {
+import React from 'react';
+import { PasswordProps } from 'antd/lib/input/Password';
+export interface IPasswordProps extends PasswordProps {
     /**
      * @description 是否显示切换按钮
      * @default true
      */
     visibilityToggle?: boolean;
 }
-export default function Password(props: IPasswordProps): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<IPasswordProps & React.RefAttributes<any>>;
+export default _default;

package/lib/Input/components/Password/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Password;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _input = _interopRequireDefault(require("antd/lib/input"));
-
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 
+var _Password = _interopRequireDefault(require("antd/lib/input/Password"));
+
 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; }
@@ -19,10 +19,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-var AntdPassword = _input.default.Password;
-
-function Password(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdPassword, _objectSpread(_objectSpread({}, props), {}, {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_Password.default, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
     iconRender: function iconRender(visible) {
       var type = visible ? 'eye' : 'eye_off';
       return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -30,4 +30,6 @@ function Password(props) {
       });
     }
   }));
-}
+});
+
+exports.default = _default;

package/lib/Input/components/TextArea/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TextAreaProps } from 'antd/lib/input';
-interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
+import { TextAreaProps, TextAreaRef } from 'antd/lib/input/TextArea';
+export type { TextAreaRef };
+export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
     /**
      * @description 可以点击清除图标删除内容
      * @default false
@@ -47,6 +48,11 @@ interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
         width: number;
         height: number;
     }) => void;
+    /**
+     * @description 是否有边框
+     * @type boolean
+     */
+    border?: boolean;
 }
-export default function TextArea(props: ITextAreaProps): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<TextAreaRef>>;
+export default _default;

package/lib/Input/components/TextArea/index.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = TextArea;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _input = _interopRequireDefault(require("antd/lib/input"));
+var _TextArea = _interopRequireDefault(require("antd/lib/input/TextArea"));
+
+var _excluded = ["bordered"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17,10 +19,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-var AntdTextArea = _input.default.TextArea;
+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 _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      rest = _objectWithoutProperties(props, _excluded);
 
-function TextArea(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdTextArea, _objectSpread(_objectSpread({}, props), {}, {
-    bordered: true
+  return /*#__PURE__*/_react.default.createElement(_TextArea.default, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    bordered: bordered
   }));
-}
+});
+
+exports.default = _default;

package/lib/Input/index.d.ts

@@ -1,65 +1,16 @@
-import React, { ReactNode } from 'react';
-import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
-import './style';
-declare type TSize = 'small' | 'default' | 'large';
-declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
-export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange'> {
-    /**
-     * @description 输入框尺寸
-     * @default default
-     * @type 'small' | 'default' | 'large';
-     */
-    size?: TSize;
-    /**
-     * @description 输入框id
-     */
-    id?: string;
-    /**
-     * @description 提示文字
-     */
-    prefix?: ReactNode;
-    /**
-     * @description 带标签的 input，设置前置标签
-     */
-    allowClear?: boolean;
-    /**
-     * @description 可以点击清除图标删除内容
-     * @default true
-     */
-    disabled?: boolean;
-    /**
-     * @description 提示文字
-     * @default false
-     * @type boolean | { formatter: (args: { count: number; maxLength?: number; }) => string; };
-     */
-    showCount?: boolean | ShowCountProps;
-    /**
-     * @description 最大长度
-     */
-    maxLength?: number;
-    /**
-     * @description 输入框内容
-     */
-    value?: string;
-    /**
-     * @description 输入框默认内容
-     */
-    defaultValue?: string;
-    /**
-     * @description 按下回车的回调
-     * @type (e) => void
-     */
-    onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    /**
-     * @description 输入框内容变化时的回调
-     * @type (e: React.ChangeEvent<HTMLInputElement>) => void;
-     */
-    onChange?: ChangeEventHandler;
-}
-declare function Input(props: IInputProps): JSX.Element;
-declare namespace Input {
-    var TextArea: typeof import("./components/TextArea").default;
-    var Group: typeof import("./components/Group").default;
-    var Password: typeof import("./components/Password").default;
+/// <reference types="react" />
+import { IInputProps, InputRef } from './components/Input';
+import Group from './components/Group';
+import TextArea from './components/TextArea';
+import Password from './components/Password';
+export type { IInputProps, InputRef, TSize } from './components/Input';
+export type { IGroupProps } from './components/Group';
+export type { ITextAreaProps, TextAreaRef } from './components/TextArea';
+export type { IPasswordProps } from './components/Password';
+interface ICompoundedComponent extends React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>> {
+    Group: typeof Group;
+    TextArea: typeof TextArea;
+    Password: typeof Password;
 }
+declare const Input: ICompoundedComponent;
 export default Input;

package/lib/Input/index.js

@@ -5,59 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("antd/es/input/style");
+var _Input = _interopRequireDefault(require("./components/Input"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
-
-var _react = _interopRequireDefault(require("react"));
+var _Group = _interopRequireDefault(require("./components/Group"));
 
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
 
 var _Password = _interopRequireDefault(require("./components/Password"));
 
-var _Group = _interopRequireDefault(require("./components/Group"));
-
-require("./style");
-
-var _excluded = ["size"];
-
 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 _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; }
-
-// IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
-function Input(props) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var getInputSize = function getInputSize(inputSize) {
-    if (inputSize === 'small' || inputSize === 'large') {
-      return inputSize;
-    }
-
-    return 'middle';
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_input.default, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = _TextArea.default;
+var Input = _Input.default;
 Input.Group = _Group.default;
+Input.TextArea = _TextArea.default;
 Input.Password = _Password.default;
 var _default = Input;
 exports.default = _default;

package/lib/Input/style/index.d.ts

@@ -1,2 +1,3 @@
+import 'antd/lib/input/style';
 import '../../style';
 import './index.less';

package/lib/Input/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("antd/lib/input/style");
+
 require("../../style");
 
 require("./index.less");

package/lib/Input/style/index.less

@@ -4,9 +4,12 @@
 @ald-prefix:ant;
 
 @ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-input {
+
+.ant-input {
   color: @NL0;
   border-radius: @border-radius-base;
+  font-size: 12px;
+  height: 28px;
 
   &::placeholder {
     color: @NL50;
@@ -14,6 +17,9 @@
 
   &-prefix {
     color: @NL30;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
   }
 
   &-suffix {
@@ -38,28 +44,54 @@
 
   &-sm {
     border-radius: @border-radius-sm;
+    font-size: 12px;
+    height: 24px;
+  }
+
+  &-lg {
+    height: 32px;
+    font-size: 14px;
   }
 
   &-affix-wrapper {
     border-radius: @border-radius-base;
+    padding: 0 12px;
+    height: 28px;
 
     &-hover,
     &-focused,
     &:hover {
       box-shadow: unset;
     }
-    .@{ald-prefix}-input {
+
+    .ant-input {
       border-radius: 0;
       caret-color: @B40;
+      height: 100%;
     }
+  }
+}
+
+.ant-input-affix-wrapper.ant-input-affix-wrapper {
+  &-lg {
+    padding: 4px 11px;
+    height: 32px;
+    font-size: 14px;
+  }
+
+  &-sm {
+    border-radius: @border-radius-sm;
+    padding: 0 12px;
+    height: 24px;
 
-    &-sm {
-      border-radius: @border-radius-sm;
+    .ant-input-sm {
+      height: 22px;
     }
   }
-}
-.@{ald-iconfont-css-prefix} {
-  &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
-    .ald-iconfont('\e616');
+
+  .ant-input-suffix {
+    .anticon-close-circle.ant-input-clear-icon {
+      .ald-iconfont('\e616');
+    }
   }
 }

package/lib/Menu/Divider.d.ts

@@ -1,4 +1,4 @@
-import './style';
+/// <reference types="react" />
 export interface IMenuDividerProps {
 }
 export default function Menu(props: IMenuDividerProps): JSX.Element;

package/lib/Menu/Divider.js

@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 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; }

package/lib/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style';
+import { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export interface IMenuItemProps {
     /**
      * @description 唯一标志
@@ -12,6 +12,12 @@ export interface IMenuItemProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @description 点击事件
+     * @type Function
+     * @default -
+     */
+    onClick?: MenuClickEventHandler;
     children?: React.ReactNode;
 }
 export default function Menu(props: IMenuItemProps): JSX.Element;

package/lib/Menu/MenuItem.js

@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 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; }

package/lib/Menu/SubMenu.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 export interface ISubMenuProps {
     /**
      * @description 唯一标志

package/lib/Menu/SubMenu.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 var _excluded = ["popupClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Menu/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import MenuItem from './MenuItem';
 import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
-import './style';
 export interface IMenuProps {
     /**
      * @description 点击 MenuItem 调用此函数
+     * @type Function
      * @default -
      */
     onClick?: MenuClickEventHandler;

package/lib/Menu/index.js

@@ -19,8 +19,6 @@ var _Divider = _interopRequireDefault(require("./Divider"));
 
 var _SubMenu = _interopRequireDefault(require("./SubMenu"));
 
-require("./style");
-
 var _excluded = ["className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Menu/style/index.d.ts

@@ -1,2 +1,3 @@
+import 'antd/lib/menu/style';
 import '../../style';
 import './index.less';

package/lib/Menu/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("antd/lib/menu/style");
+
 require("../../style");
 
 require("./index.less");

package/lib/Navigator/components/Menu/index.js

@@ -64,14 +64,14 @@ function Menu(props) {
 
     if (isOpen) {
       return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        type: "arrow_drop_down",
+        type: "arrow_drop_up",
         size: 20,
         className: "ald-nav-menu-icon-right"
       });
     }
 
     return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "arrow_drop_up",
+      type: "arrow_drop_down",
       size: 20,
       className: "ald-nav-menu-icon-right"
     });

package/lib/Navigator/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IMenuItem } from './components/Menu';
-import './style';
 export type { IMenuItem } from './components/Menu';
 export interface INavigatorProps {
     /**

package/lib/Navigator/index.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Menu = _interopRequireDefault(require("./components/Menu"));
 
-require("./style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }