@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.1

package/es/Input/index.d.ts

@@ -1,64 +1,16 @@
-import React, { ReactNode } from 'react';
-import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
-export 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/es/Input/index.js

@@ -1,45 +1,9 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-var _excluded = ["size"];
-
-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; }
-
-import React from 'react';
+import InternalInput from './components/Input';
+import Group from './components/Group';
 import TextArea from './components/TextArea';
 import Password from './components/Password';
-import Group from './components/Group'; // 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.createElement(_Input, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = TextArea;
+var Input = InternalInput;
 Input.Group = Group;
+Input.TextArea = TextArea;
 Input.Password = Password;
 export default Input;

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

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

package/es/Input/style/index.js

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

package/es/Input/style/index.less

@@ -1,11 +1,14 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix:ant;
+@ald-prefix: ant;
 
-@ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-input {
+@ald-iconfont-css-prefix: anticon;
+
+.ant-input {
+  height: 28px;
   color: @NL0;
+  font-size: 12px;
   border-radius: @border-radius-base;
 
   &::placeholder {
@@ -14,6 +17,9 @@
 
   &-prefix {
     color: @NL30;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
   }
 
   &-suffix {
@@ -27,9 +33,9 @@
   }
 
   &[disabled] {
-    border-color: @NL90;
-    background-color: @NL95;
     color: @NL80;
+    background-color: @NL95;
+    border-color: @NL90;
 
     &::placeholder {
       color: @NL80;
@@ -37,10 +43,19 @@
   }
 
   &-sm {
+    height: 24px;
+    font-size: 12px;
     border-radius: @border-radius-sm;
   }
 
+  &-lg {
+    height: 32px;
+    font-size: 14px;
+  }
+
   &-affix-wrapper {
+    height: 28px;
+    padding: 0 12px;
     border-radius: @border-radius-base;
 
     &-hover,
@@ -48,18 +63,35 @@
     &:hover {
       box-shadow: unset;
     }
-    .@{ald-prefix}-input {
+
+    .ant-input {
+      height: 100%;
       border-radius: 0;
       caret-color: @B40;
     }
+  }
+}
+
+.ant-input-affix-wrapper.ant-input-affix-wrapper {
+  &-lg {
+    height: 32px;
+    padding: 4px 11px;
+    font-size: 14px;
+  }
 
-    &-sm {
-      border-radius: @border-radius-sm;
+  &-sm {
+    height: 24px;
+    padding: 0 12px;
+    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/es/Layout/index.d.ts

@@ -0,0 +1,4 @@
+import { Layout, SiderProps } from 'antd';
+export type { LayoutProps } from 'antd/lib/layout';
+export type { SiderProps };
+export default Layout;

package/es/Layout/index.js

@@ -0,0 +1,3 @@
+import "antd/es/layout/style";
+import _Layout from "antd/es/layout";
+export default _Layout;

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

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

package/es/Layout/style/index.js

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

package/es/Layout/style/index.less

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

package/es/Menu/MenuItem.d.ts

@@ -6,7 +6,7 @@ export interface IMenuItemProps {
      * @type string | number
      * @default -
      */
-    key: React.Key;
+    key?: React.Key;
     /**
      * @description 是否禁用
      * @default false
@@ -18,6 +18,12 @@ export interface IMenuItemProps {
      * @default -
      */
     onClick?: MenuClickEventHandler;
+    /**
+     * @description 类名
+     * @type string
+     * @default -
+     */
+    className?: string;
     children?: React.ReactNode;
 }
 export default function Menu(props: IMenuItemProps): JSX.Element;

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

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

package/es/Menu/style/index.js

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

package/es/Menu/style/index.less

@@ -2,10 +2,10 @@
 @import '../../Icon/index.less';
 
 .menu-popup {
+  background: @BG100;
   border: 1px solid @NL95;
-  box-shadow: @shadow-actionsheet;
   border-radius: @border-radius-base;
-  background: @BG100;
+  box-shadow: @shadow-actionsheet;
 }
 
 .ald-menu,
@@ -18,16 +18,20 @@
   }
 
   .ald-iconfont {
-    font-family: @icon-font !important;
     font-size: 16px;
+    font-family: @icon-font !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
 
   // 替换二级菜单箭头icon
-  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
-  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+  .ant-dropdown-menu-item
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon,
+  .ant-dropdown-menu-submenu-title
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon {
     .ald-iconfont('\e691');
   }
 

package/es/Message/index.d.ts

@@ -0,0 +1,4 @@
+import { message, MessageArgsProps } from 'antd';
+import { ConfigOptions } from 'antd/lib/message';
+export type { MessageArgsProps, ConfigOptions };
+export default message;

package/es/Message/index.js

@@ -0,0 +1,3 @@
+import "antd/es/message/style";
+import _message from "antd/es/message";
+export default _message;

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

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

package/es/Message/style/index.js

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

package/es/Message/style/index.less

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

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

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

package/es/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { notification } from 'antd';
+export { ArgsProps, ConfigProps, NotificationInstance } from 'antd/lib/notification';
+export default notification;

package/es/Notification/index.js

@@ -0,0 +1,3 @@
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+export default _notification;

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

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

package/es/Notification/style/index.js

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

package/es/Notification/style/index.less

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

package/es/Radio/index.d.ts

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

package/es/Radio/index.js

@@ -0,0 +1,3 @@
+import "antd/es/radio/style";
+import _Radio from "antd/es/radio";
+export default _Radio;

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

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

package/es/Radio/style/index.js

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

package/es/Radio/style/index.less

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

package/es/Row/index.d.ts

@@ -0,0 +1,3 @@
+import Row, { RowProps } from 'antd';
+export type { RowProps };
+export default Row;

package/es/Row/index.js

@@ -0,0 +1 @@
+export default Row;

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

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

package/es/Row/style/index.js

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

package/es/Row/style/index.less

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

package/es/Select/BaseSelect.js

@@ -30,6 +30,7 @@ import useCacheOptions from './hooks/useCacheOption';
 import useControlledState from '../_utils/hooks/useControlledState';
 var DEFAULT_LIST_HEIGHT = 256;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_SELECT_LIST_INDEX = 1050;
 var ZERO = 0;
 export var Select = function Select(props, ref) {
   var _props$size = props.size,
@@ -48,7 +49,6 @@ export var Select = function Select(props, ref) {
       label = props.label,
       className = props.className,
       style = props.style,
-      optionStyle = props.optionStyle,
       groupStyle = props.groupStyle,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
@@ -73,7 +73,9 @@ export var Select = function Select(props, ref) {
       dropDownStyle = props.dropDownStyle,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
       dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? 'width' : _props$dropdownMatchS,
-      children = props.children;
+      children = props.children,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? DEFAULT_SELECT_LIST_INDEX : _props$zIndex;
   var prefix = usePrefixCls('select-legacy', customizePrefixCls);
 
   var _useControlledState = useControlledState(controlledValue, defaultValue),
@@ -114,7 +116,19 @@ export var Select = function Select(props, ref) {
       activeIndex = _useState10[0],
       setActiveIndex = _useState10[1];
 
-  var _useState11 = useState([]),
+  var initOptionChecked = function initOptionChecked() {
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    if (value === null) {
+      return [];
+    }
+
+    return [value];
+  };
+
+  var _useState11 = useState(initOptionChecked()),
       _useState12 = _slicedToArray(_useState11, 2),
       optionChecked = _useState12[0],
       setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
@@ -314,7 +328,6 @@ export var Select = function Select(props, ref) {
     visible: visible,
     hasGroup: hasGroup,
     groupStyle: groupStyle,
-    optionStyle: optionStyle,
     searchType: "no-search",
     placeholder: placeholder,
     data: flattenOptions,
@@ -344,7 +357,7 @@ export var Select = function Select(props, ref) {
     popupStyle: dropDownStyle,
     getPopupContainer: getContainer,
     stretch: dropdownMatchSelectWidth ? 'width' : 'minWidth',
-    zIndex: 100,
+    zIndex: zIndex,
     builtinPlacements: {
       left: {
         points: ['cr', 'cl']

package/es/Select/OptionsList/OptionItem/RenderLabelIcon.d.ts

@@ -1,4 +1,5 @@
-declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
+import 'antd/lib/checkbox/style';
+declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate, }: {
     isSelected: boolean;
     multiple: boolean;
     disabled?: boolean | undefined;

package/es/Select/OptionsList/OptionItem/RenderLabelIcon.js

@@ -2,6 +2,7 @@ import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 import React from 'react';
 import { noop } from 'lodash';
+import 'antd/lib/checkbox/style';
 import Icon from '../../../Icon';
 
 var RenderLabelIcon = function RenderLabelIcon(_ref) {

package/es/Select/OptionsList/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "style", "setActiveIndex"];
+var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "setActiveIndex"];
 
 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; }
 
@@ -25,17 +25,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import VirtualList from '../VirtualList';
-import { ForwardRenderGroup, ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
+import { ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
 var ZERO_LENGTH = 0;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_LIST_PADDING = 8;
 
 var OptionsList = function OptionsList(props, ref) {
   var input = props.input,
       prefixCls = props.prefixCls,
       data = props.data,
       groupStyle = props.groupStyle,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? DEFAULT_LIST_HEIGHT : _props$height,
       itemHeight = props.itemHeight,
       selected = props.selected,
       optionChecked = props.optionChecked,
@@ -51,7 +53,6 @@ var OptionsList = function OptionsList(props, ref) {
       activeIndex = props.activeIndex,
       multiple = props.multiple,
       visible = props.visible,
-      style = props.style,
       setActiveIndex = props.setActiveIndex,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -92,7 +93,7 @@ var OptionsList = function OptionsList(props, ref) {
   }, [selected]); // 部分选中
   // 全部列表选项选中
 
-  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length); // ”全部“选项是否选中
+  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length) || (selected === null || selected === void 0 ? void 0 : selected.length) === ZERO_LENGTH; // ”全部“选项是否选中
 
   var allOptionChecked = isAllChecked && Array.isArray(optionChecked) && optionChecked.length === ZERO_LENGTH; // 点击全选
 
@@ -146,7 +147,9 @@ var OptionsList = function OptionsList(props, ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-list"),
-    style: style,
+    style: {
+      maxHeight: "".concat(height - DEFAULT_LIST_PADDING, "px")
+    },
     ref: OptionListRef,
     role: "list",
     "aria-hidden": "true",
@@ -155,20 +158,10 @@ var OptionsList = function OptionsList(props, ref) {
     onMouseLeave: function onMouseLeave() {
       return setActiveIndex(DEFAULT_ACTIVE_INDEX);
     }
-  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? /*#__PURE__*/React.createElement(VirtualList, _objectSpread({
-    itemKey: "value",
-    prefixCls: prefixCls,
-    ref: VirtualListRef,
-    data: data,
-    height: height,
-    itemHeight: itemHeight
-  }, restProps), function (option, index) {
-    return option.isSelectOptGroup ? /*#__PURE__*/React.createElement(ForwardRenderGroup, {
-      option: option,
-      prefixCls: prefixCls,
-      groupStyle: groupStyle
-    }) : /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
+  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? data.map(function (option, index) {
+    return /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
       tooltip: option === null || option === void 0 ? void 0 : option.tooltip,
+      key: option === null || option === void 0 ? void 0 : option.value,
       render: /*#__PURE__*/React.createElement(ForwardRenderOption, _objectSpread({
         option: option,
         prefixCls: prefixCls,