@aloudata/aloudata-design 1.4.3 → 1.5.1

package/dist/Button/index.js

@@ -15,7 +15,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { LoadingLine } from '@aloudata/icons-react';
 import { Button as AntdButton } from 'antd';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
+import SizeContext from "../ConfigProvider/sizeContext";
 var iconPrefixCls = 'aldicon';
 var ICON_LARGE = 20;
 var ICON_MIDDLE = 16;
@@ -92,8 +93,7 @@ export var setIcon = function setIcon(iconNode, size, loading) {
 function Button(props) {
   var _props$type = props.type,
       type = _props$type === void 0 ? 'secondary' : _props$type,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customSize = props.size,
       _props$shape = props.shape,
       shape = _props$shape === void 0 ? 'default' : _props$shape,
       _props$loading = props.loading,
@@ -103,6 +103,8 @@ function Button(props) {
       className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdButton, _extends({}, rest, {
     disabled: loading ? true : disabled,
     icon: setIcon(icon, size, loading),

package/dist/ConfigProvider/getUserList.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface IUser {
+    userId: string;
+    account?: string;
+    nickname?: string;
+    photo?: string;
+    [key: string]: unknown;
+}
+export declare type TUser = IUser[];
+export interface IGetUserListParams {
+    name?: string;
+    id?: string;
+}
+export declare type getUsersByIdsType = ((params: string[]) => Promise<TUser>) | undefined;
+export declare type getUsersByKeywordsType = ((params: string) => Promise<TUser>) | undefined;
+export declare type getUserListType = {
+    getUsersByIds?: getUsersByIdsType;
+    getUsersByKeywords?: getUsersByKeywordsType;
+};
+declare const GetUserListContext: React.Context<getUserListType>;
+export interface IGetUserListContextProps {
+    getUsersByIds?: getUsersByIdsType;
+    getUsersByKeywords?: getUsersByKeywordsType;
+    children?: React.ReactNode;
+}
+export declare const SizeContextProvider: React.FC<IGetUserListContextProps>;
+export default GetUserListContext;

package/dist/ConfigProvider/getUserList.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+var GetUserListContext = /*#__PURE__*/React.createContext({});
+export var SizeContextProvider = function SizeContextProvider(_ref) {
+  var children = _ref.children,
+      getUsersByIds = _ref.getUsersByIds,
+      getUsersByKeywords = _ref.getUsersByKeywords;
+  return /*#__PURE__*/React.createElement(GetUserListContext.Consumer, null, function (originGetUserList) {
+    return /*#__PURE__*/React.createElement(GetUserListContext.Provider, {
+      value: {
+        getUsersByIds: getUsersByIds || originGetUserList.getUsersByIds,
+        getUsersByKeywords: getUsersByKeywords || originGetUserList.getUsersByKeywords
+      }
+    }, children);
+  });
+};
+export default GetUserListContext;

package/dist/ConfigProvider/hooks/useGetUserList.d.ts

@@ -0,0 +1,5 @@
+declare function useGetUserList(): {
+    getUsersByIds: import("../getUserList").getUsersByIdsType;
+    getUsersByKeywords: import("../getUserList").getUsersByKeywordsType;
+};
+export default useGetUserList;

package/dist/ConfigProvider/hooks/useGetUserList.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import GetUserListContext from "../getUserList";
+
+function useGetUserList() {
+  var _useContext = useContext(GetUserListContext),
+      getUsersByIds = _useContext.getUsersByIds,
+      getUsersByKeywords = _useContext.getUsersByKeywords;
+
+  return {
+    getUsersByIds: getUsersByIds,
+    getUsersByKeywords: getUsersByKeywords
+  };
+}
+
+export default useGetUserList;

package/dist/ConfigProvider/index.d.ts

@@ -1,4 +1,21 @@
-import { ConfigProvider } from 'antd';
-export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, configConsumerProps, globalConfig, } from 'antd/lib/config-provider/';
-export type { ConfigProviderProps } from 'antd/lib/config-provider';
-export default ConfigProvider;
+import type { ConfigContext, ConfigProviderProps } from 'antd/lib/config-provider';
+import useConfig from 'antd/lib/config-provider/hooks/useConfig';
+import React from 'react';
+import { getUsersByIdsType, getUsersByKeywordsType } from './getUserList';
+import useGetUserList from './hooks/useGetUserList';
+import SizeContext from './sizeContext';
+export type { ConfigConsumer, ConfigConsumerProps, configConsumerProps, ConfigContext, CSPConfig, DirectionType, globalConfig, RenderEmptyHandler, } from 'antd/lib/config-provider/';
+interface AldCustomConfigProviderProps extends ConfigProviderProps {
+    children?: React.ReactNode;
+    getUsersByIds?: getUsersByIdsType;
+    getUsersByKeywords?: getUsersByKeywordsType;
+}
+declare const AldCustomConfigProvider: React.FC<AldCustomConfigProviderProps> & {
+    /** @private internal Usage. do not use in your production */
+    ConfigContext: typeof ConfigContext;
+    /** @deprecated Please use `ConfigProvider.useConfig().componentSize` instead */
+    SizeContext: typeof SizeContext;
+    useConfig: typeof useConfig;
+    useGetUserList: typeof useGetUserList;
+};
+export default AldCustomConfigProvider;

package/dist/ConfigProvider/index.js

@@ -1,3 +1,29 @@
 import { ConfigProvider } from 'antd';
-export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, configConsumerProps, globalConfig } from 'antd/lib/config-provider/';
-export default ConfigProvider;
+import React from 'react';
+import getUserListContext from "./getUserList";
+import useGetUserList from "./hooks/useGetUserList";
+import SizeContext from "./sizeContext";
+
+var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
+  var children = props.children,
+      getUsersByIds = props.getUsersByIds,
+      getUsersByKeywords = props.getUsersByKeywords;
+  var childNode = children;
+
+  if (getUsersByIds || getUsersByKeywords) {
+    childNode = /*#__PURE__*/React.createElement(getUserListContext.Provider, {
+      value: {
+        getUsersByIds: getUsersByIds,
+        getUsersByKeywords: getUsersByKeywords
+      }
+    }, children);
+  }
+
+  return /*#__PURE__*/React.createElement(ConfigProvider, props, childNode);
+};
+
+AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
+AldCustomConfigProvider.SizeContext = SizeContext;
+AldCustomConfigProvider.useConfig = ConfigProvider.useConfig;
+AldCustomConfigProvider.useGetUserList = useGetUserList;
+export default AldCustomConfigProvider;

package/dist/DataPreviewTable/interface.d.ts

@@ -9,13 +9,14 @@ export interface ITableProps {
     errorMsg?: string;
     className?: string;
 }
+export declare type Align = 'left' | 'center' | 'right';
 export interface PreviewColumn {
     icon?: React.ReactNode;
     name: string;
     id: string;
     defaultWidth?: number;
     renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement;
-    align?: 'left' | 'center' | 'right';
+    align?: Align;
 }
 export declare type TValue = string | null | number | boolean;
 export interface IColumnLayout {

package/dist/DataPreviewTable/style/index.less

@@ -33,7 +33,7 @@
   font-weight: 500;
 
   .ald-data-preview-header-default {
-    padding: 4px 13px 3px 14px;
+    padding: 4px 13px 3px 20px;
     height: 100%;
     width: 100%;
     line-height: 20px;
@@ -46,7 +46,7 @@
       justify-content: center;
       font-size: 16px;
       position: absolute;
-      left: 0;
+      left: 4px;
       z-index: 1;
       color: #575757;
       // background:rgb(0 0 0 / 0%)
@@ -69,6 +69,7 @@
       position: absolute;
       right: 0;
       z-index: 1;
+      top: 4px;
     }
   }
 }
@@ -79,9 +80,7 @@
   border: 1px solid #e8e8e8;
   border-left: none;
   border-top: none;
-  padding-left: 4px;
-  padding-top: 2px;
-  padding-bottom: 1px;
+  padding: 2px 7px 1px 8px;
   line-height: 16px;
   box-sizing: border-box;
   font-style: normal;

package/dist/DatePicker/index.d.ts

@@ -1,4 +1,60 @@
-import { DatePicker, DatePickerProps } from 'antd';
-export type { MonthPickerProps, WeekPickerProps, RangePickerProps } from 'antd/lib/date-picker';
+import { DatePickerProps } from 'antd';
+export type { MonthPickerProps, RangePickerProps, WeekPickerProps, } from 'antd/lib/date-picker';
 export type { DatePickerProps };
-export default DatePicker;
+declare const _default: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs> & {
+    status?: "" | "warning" | "error" | undefined;
+    hashId?: string | undefined;
+    popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
+}, unknown> & {
+    WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        hashId?: string | undefined;
+        popupClassName?: string | undefined;
+        rootClassName?: string | undefined;
+    }, "picker">, unknown>;
+    MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        hashId?: string | undefined;
+        popupClassName?: string | undefined;
+        rootClassName?: string | undefined;
+    }, "picker">, unknown>;
+    YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        hashId?: string | undefined;
+        popupClassName?: string | undefined;
+        rootClassName?: string | undefined;
+    }, "picker">, unknown>;
+    RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<import("dayjs").Dayjs> & {
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, unknown>;
+    TimePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("antd/es/button").ButtonSize;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        hashId?: string | undefined;
+        popupClassName?: string | undefined;
+        rootClassName?: string | undefined;
+    }, "picker">, unknown>;
+    QuarterPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("antd/es/button").ButtonSize;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        hashId?: string | undefined;
+        popupClassName?: string | undefined;
+        rootClassName?: string | undefined;
+    }, "picker">, unknown>;
+} & {
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+    _InternalRangePanelDoNotUseOrYouWillBeFired: any;
+};
+export default _default;

package/dist/DatePicker/index.js

@@ -1,2 +1,37 @@
-import { DatePicker } from 'antd';
+var _excluded = ["size", "disabled"];
+
+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 { DatePicker as AntdDatePicker } from 'antd';
+import DisabledContext from 'antd/lib/config-provider/DisabledContext';
+import React, { useContext } from 'react';
+import SizeContext from "../ConfigProvider/sizeContext";
+
+var DatePicker = function DatePicker(props) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+    size: size,
+    disabled: mergedDisabled
+  }, restProps));
+};
+
+DatePicker.WeekPicker = AntdDatePicker.WeekPicker;
+DatePicker.MonthPicker = AntdDatePicker.MonthPicker;
+DatePicker.YearPicker = AntdDatePicker.YearPicker;
+DatePicker.RangePicker = AntdDatePicker.RangePicker;
+DatePicker.TimePicker = AntdDatePicker.TimePicker;
+DatePicker.QuarterPicker = AntdDatePicker.QuarterPicker; // 基于DatePicker的组件，prop都一样，类型保持一致
+
 export default DatePicker;

package/dist/Form/index.d.ts

@@ -1,7 +1,7 @@
 import { FormProvider } from 'antd/lib/form/context';
 import ErrorList, { type ErrorListProps } from 'antd/lib/form/ErrorList';
 import { useForm, useWatch, type FormInstance, type FormProps } from 'antd/lib/form/Form';
-import Item, { type FormItemProps } from 'antd/lib/form/FormItem';
+import { type FormItemProps } from 'antd/lib/form/FormItem';
 import List, { type FormListFieldData, type FormListOperation, type FormListProps } from 'antd/lib/form/FormList';
 import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
 import type { Rule, RuleObject, RuleRender } from 'rc-field-form/lib/interface';
@@ -11,12 +11,20 @@ declare const AldForm: <Values = any>(props: FormProps<Values> & {
 } & {
     ref?: React.Ref<FormInstance<Values>> | undefined;
 }) => React.ReactElement;
+declare const AldFormItem: {
+    (props: FormItemProps): JSX.Element;
+    useStatus: () => {
+        status?: "" | "error" | "success" | "warning" | "validating" | undefined;
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+};
 declare type InternalFormType = typeof AldForm;
 declare type CompoundedComponent = InternalFormType & {
     useForm: typeof useForm;
     useFormInstance: typeof useFormInstance;
     useWatch: typeof useWatch;
-    Item: typeof Item;
+    Item: typeof AldFormItem;
     List: typeof List;
     ErrorList: typeof ErrorList;
     Provider: typeof FormProvider;

package/dist/Form/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "size"];
+var _excluded = ["children", "colon", "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); }
 
@@ -19,6 +19,8 @@ var AldForm = /*#__PURE__*/forwardRef(function (props, ref) {
   var contextSize = React.useContext(SizeContext);
 
   var children = props.children,
+      _props$colon = props.colon,
+      colon = _props$colon === void 0 ? false : _props$colon,
       _props$size = props.size,
       size = _props$size === void 0 ? contextSize : _props$size,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -26,13 +28,23 @@ var AldForm = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(SizeContextProvider, {
     size: size
   }, /*#__PURE__*/React.createElement(InternalForm, _extends({
+    colon: colon,
     size: size
   }, restProps, {
     ref: ref
   }), children));
 });
+
+var AldFormItem = function AldFormItem(props) {
+  //@ts-ignore  antd formItem 的ts接口里面无gutter 但是实际上是支持的
+  return /*#__PURE__*/React.createElement(Item, _extends({
+    gutter: 12
+  }, props));
+};
+
+AldFormItem.useStatus = Item.useStatus;
 var Form = AldForm;
-Form.Item = Item;
+Form.Item = AldFormItem;
 Form.List = List;
 Form.ErrorList = ErrorList;
 Form.useForm = useForm;

package/dist/Form/style/index.less

@@ -2,8 +2,83 @@
 
 .ant-form {
   .ant-form-item {
+    margin-bottom: 16px;
+
     .ant-select.ald-select {
       width: 100%;
     }
+
+    .ant-form-item-label {
+      display: inline-flex;
+      align-items: center;
+
+      label {
+        overflow: hidden;
+        color: #575757;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 20px;
+        height: auto !important;
+
+        &[for='textarea'] {
+          align-self: flex-start;
+        }
+
+        &.ant-form-item-no-colon {
+          display: flex;
+
+          &::after {
+            display: none;
+          }
+        }
+      }
+    }
+
+    .ant-form-item-control {
+      line-height: 20px;
+
+      .ant-form-item-control-input {
+        min-height: 20px;
+      }
+
+      .ant-form-item-control-input-content {
+        .ald-switch {
+          display: block;
+        }
+
+        .ald-radio-group {
+          display: flex;
+        }
+      }
+    }
+
+    .ant-form-item-explain {
+      font-size: 12px;
+      line-height: 16px;
+      padding: 4px 0;
+
+      .ant-form-item-explain-error {
+        color: @error-color;
+      }
+    }
+  }
+
+  // &.ant-form-small {
+  //   .ant-form-item {
+  //     .ant-form-item-control {
+  //       .ant-form-item-control-input {
+  //         min-height: 16px;
+  //       }
+  //     }
+  //   }
+  // }
+}
+
+.ant-form-vertical {
+  .ant-form-item {
+    .ant-form-item-label {
+      padding-bottom: 4px;
+    }
   }
 }

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { PasswordProps } from 'antd/lib/input/Password';
+import React from 'react';
 import { TSize } from '../Input';
 export declare const iconSizeMap: {
     small: number;

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

@@ -6,11 +6,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { EyeOffLine, EyeOnLine } from '@aloudata/icons-react';
 import AntdPassword from 'antd/lib/input/Password';
-import { getSizeType } from "../Input";
-import classnames from 'classnames'; // 不同的size对应的不同的icon
+import classnames from 'classnames';
+import React, { useContext } from 'react';
+import SizeContext from "../../../ConfigProvider/sizeContext";
+import { getSizeType } from "../Input"; // 不同的size对应的不同的icon
 
 export var iconSizeMap = {
   small: 16,
@@ -19,11 +20,12 @@ export var iconSizeMap = {
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+  var customSize = props.size,
       className = props.className,
       restProps = _objectWithoutProperties(props, _excluded);
 
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdPassword, _extends({}, restProps, {
     ref: ref,
     spellCheck: false,

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TextAreaProps, TextAreaRef } from 'antd/lib/input/TextArea';
+import React from 'react';
 import { TSize } from '../Input';
 export type { TextAreaRef };
 export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter' | 'size'> {

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

@@ -6,19 +6,21 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 AntdTextArea from 'antd/lib/input/TextArea';
 import classnames from 'classnames';
+import React, { useContext } from 'react';
+import SizeContext from "../../../ConfigProvider/sizeContext";
 import { getSizeType } from "../Input";
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$bordered = props.bordered,
       bordered = _props$bordered === void 0 ? true : _props$bordered,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customSize = props.size,
       _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
     spellCheck: false,
     className: classnames('ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), className),

package/dist/Input/style/index.less

@@ -398,7 +398,7 @@ textarea.ald-input-textarea.ald-input-textarea,
     &:hover,
     &:active,
     &:focus {
-      border-color: @NL90;
+      border-color: #dbdbdb;
       box-shadow: none;
     }
   }
@@ -548,3 +548,9 @@ textarea.ald-input-textarea.ald-input-textarea,
     z-index: 1;
   }
 }
+
+.ant-input-status-error:not(.ant-input-disabled):not(
+    .ant-input-borderless
+  ).ant-input.ant-input {
+  border-color: @error-color;
+}

package/dist/InputNumber/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "disabled", "size"];
+var _excluded = ["className", "disabled", "size", "status"];
 
 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); }
 
@@ -8,25 +8,43 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { InputNumber as AntInputNumber } from 'antd';
+import DisabledContext from 'antd/lib/config-provider/DisabledContext';
+import { FormItemInputContext } from 'antd/lib/form/context';
+import { getMergedStatus } from 'antd/lib/_util/statusUtils';
 import classnames from 'classnames';
+import React, { useContext } from 'react';
+import SizeContext from "../ConfigProvider/sizeContext";
 export default function InputNumber(props) {
   var className = props.className,
-      disabled = props.disabled,
-      size = props.size,
+      customDisabled = props.disabled,
+      customSize = props.size,
+      customStatus = props.status,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize || 'middle';
+
+  var _React$useContext = React.useContext(FormItemInputContext),
+      contextStatus = _React$useContext.status;
+
+  var mergedStatus = getMergedStatus(contextStatus, customStatus); // ===================== Disabled =====================
+
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+
   var getClassName = function getClassName() {
     var _classnames;
 
     return classnames(className, 'ald-input-number', (_classnames = {
-      'ald-input-number-disabled': disabled
+      'ald-input-number-disabled': mergedDisabled
     }, _defineProperty(_classnames, "ald-input-number-large", size === 'large'), _defineProperty(_classnames, "ald-input-number-small", size === 'small'), _defineProperty(_classnames, "ald-input-number-middle", size !== 'large' && size !== 'small'), _classnames));
   };
 
   return /*#__PURE__*/React.createElement(AntInputNumber, _extends({}, rest, {
-    disabled: disabled,
+    disabled: mergedDisabled // @ts-ignore
+    ,
+    status: mergedStatus,
     size: size,
     className: getClassName()
   }));