@aloudata/aloudata-design 0.4.0-beta.7 → 0.4.0-beta.9

package/lib/Divider/style/index.less.d.ts

@@ -0,0 +1,183 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'B10': string;
+  'B20': string;
+  'B30': string;
+  'B40': string;
+  'B50': string;
+  'B60': string;
+  'B70': string;
+  'B80': string;
+  'B90': string;
+  'B95': string;
+  'B98': string;
+  'BG0': string;
+  'BG10': string;
+  'BG100': string;
+  'BG20': string;
+  'BG30': string;
+  'BG40': string;
+  'BG50': string;
+  'BG60': string;
+  'BG70': string;
+  'BG80': string;
+  'BG90': string;
+  'BG95': string;
+  'BG97': string;
+  'ND0': string;
+  'ND10': string;
+  'ND20': string;
+  'ND30': string;
+  'ND40': string;
+  'ND50': string;
+  'ND60': string;
+  'ND70': string;
+  'ND80': string;
+  'ND90': string;
+  'ND95': string;
+  'ND97': string;
+  'NL0': string;
+  'NL10': string;
+  'NL20': string;
+  'NL30': string;
+  'NL40': string;
+  'NL50': string;
+  'NL60': string;
+  'NL70': string;
+  'NL80': string;
+  'NL90': string;
+  'NL95': string;
+  'NL97': string;
+  'SA10': string;
+  'SA20': string;
+  'SA30': string;
+  'SA40': string;
+  'SA50': string;
+  'SA60': string;
+  'SA70': string;
+  'SA80': string;
+  'SA90': string;
+  'SA95': string;
+  'SA98': string;
+  'SB10': string;
+  'SB20': string;
+  'SB30': string;
+  'SB40': string;
+  'SB50': string;
+  'SB60': string;
+  'SB70': string;
+  'SB80': string;
+  'SB90': string;
+  'SB95': string;
+  'SB98': string;
+  'SC10': string;
+  'SC20': string;
+  'SC30': string;
+  'SC40': string;
+  'SC50': string;
+  'SC60': string;
+  'SC70': string;
+  'SC80': string;
+  'SC90': string;
+  'SC95': string;
+  'SC98': string;
+  'SHADOW_BODY_TOP_LEFT': string;
+  'SHADOW_L': string;
+  'SHADOW_LG': string;
+  'SHADOW_MD': string;
+  'SHADOW_SM': string;
+  'SHADOW_XL': string;
+  'SHADOW_XS': string;
+  'TA10': string;
+  'TA20': string;
+  'TA30': string;
+  'TA40': string;
+  'TA50': string;
+  'TA60': string;
+  'TA70': string;
+  'TA80': string;
+  'TA90': string;
+  'TA95': string;
+  'TA98': string;
+  'TB10': string;
+  'TB20': string;
+  'TB30': string;
+  'TB40': string;
+  'TB50': string;
+  'TB60': string;
+  'TB70': string;
+  'TB80': string;
+  'TB90': string;
+  'TB95': string;
+  'TB98': string;
+  'TC10': string;
+  'TC20': string;
+  'TC30': string;
+  'TC40': string;
+  'TC50': string;
+  'TC60': string;
+  'TC70': string;
+  'TC80': string;
+  'TC90': string;
+  'TC95': string;
+  'TC98': string;
+  'TD10': string;
+  'TD20': string;
+  'TD30': string;
+  'TD40': string;
+  'TD50': string;
+  'TD60': string;
+  'TD70': string;
+  'TD80': string;
+  'TD90': string;
+  'TD95': string;
+  'TD98': string;
+  'TE10': string;
+  'TE20': string;
+  'TE30': string;
+  'TE40': string;
+  'TE50': string;
+  'TE60': string;
+  'TE70': string;
+  'TE80': string;
+  'TE90': string;
+  'TE95': string;
+  'TE98': string;
+  'TF10': string;
+  'TF20': string;
+  'TF30': string;
+  'TF40': string;
+  'TF50': string;
+  'TF60': string;
+  'TF70': string;
+  'TF80': string;
+  'TF90': string;
+  'TF95': string;
+  'TF98': string;
+  'TG10': string;
+  'TG20': string;
+  'TG30': string;
+  'TG40': string;
+  'TG50': string;
+  'TG60': string;
+  'TG70': string;
+  'TG80': string;
+  'TG90': string;
+  'TG95': string;
+  'TG98': string;
+  'TH10': string;
+  'TH20': string;
+  'TH30': string;
+  'TH40': string;
+  'TH50': string;
+  'TH60': string;
+  'TH70': string;
+  'TH80': string;
+  'TH90': string;
+  'TH95': string;
+  'TH98': string;
+  'ald-divider': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

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

@@ -10,7 +10,19 @@ interface IShowCountProps {
 export declare type TSize = 'small' | 'middle' | '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'> {
+export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange' | 'addonAfter' | 'addonBefore'> {
+    /**
+     * @description 带标签的input，设置后置标签
+     * @default -
+     * @type ReactNode
+     */
+    addonAfter?: ReactNode;
+    /**
+     * @description 带标签的input，设置前置标签
+     * @default -
+     * @type ReactNode
+     */
+    addonBefore?: ReactNode;
     /**
      * @description 输入框尺寸
      * @default default

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

@@ -21,7 +21,7 @@ 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; }
 
 function getSizeType(sizeType) {
-  if (['mini', 'small', 'middle', 'large'].includes(sizeType)) {
+  if (['small', 'middle', 'large'].includes(sizeType)) {
     return sizeType;
   }
 
@@ -38,8 +38,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref,
     bordered: true,
     className: (0, _classnames.default)('ald-input', "ald-input-".concat(getSizeType(size)), className),
-    addonAfter: null,
-    addonBefore: null,
     suffix: null
   }));
 });

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

@@ -1,6 +1,11 @@
 import React from 'react';
 import { PasswordProps } from 'antd/lib/input/Password';
 import { TSize } from '../Input';
+export declare const iconSizeMap: {
+    small: number;
+    middle: number;
+    large: number;
+};
 export interface IPasswordProps extends Omit<PasswordProps, 'size'> {
     /**
      * @description 是否显示切换按钮

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.iconSizeMap = exports.default = void 0;
 
 require("@aloudata/icons-react/styles/index.less");
 
@@ -27,7 +27,15 @@ 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; }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// 不同的size对应的不同的icon
+var iconSizeMap = {
+  small: 16,
+  middle: 20,
+  large: 24
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+exports.iconSizeMap = iconSizeMap;
+
 var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$size = props.size,
       size = _props$size === void 0 ? 'middle' : _props$size,
@@ -39,9 +47,11 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: (0, _classnames.default)('ald-input', "ald-input-".concat((0, _Input.getSizeType)(size)), className),
     iconRender: function iconRender(visible) {
       return visible ? /*#__PURE__*/_react.default.createElement(_EyeOnLine2.default, {
-        fill: "currentColor"
+        fill: "currentColor",
+        size: iconSizeMap[size]
       }) : /*#__PURE__*/_react.default.createElement(_EyeOffLine2.default, {
-        fill: "currentColor"
+        fill: "currentColor",
+        size: iconSizeMap[size]
       });
     }
   }));

package/lib/Input/style/index.less

@@ -7,48 +7,47 @@
 @ald-iconfont-css-prefix: anticon;
 // size===large
 @input-height-large: 36px;
-@input-padding-large: 5px 11px;
+@input-padding-large: 5px 13px;
 @input-font-size-large: 16px;
 @input-border-radius-large: 8px;
 @input-prefix-margin-right-large: 8px;
+@input-clear-icon-large: 20px;
 // size===middle
 @input-height-middle: 32px;
 @input-padding-middle: 5px 11px;
 @input-font-size-middle: 14px;
 @input-border-radius-middle: 6px;
 @input-prefix-margin-right-middle: 8px;
+@input-clear-icon-middle: 16px;
 // size===small
 @input-height-small: 28px;
-@input-padding-small: 5px 7px;
+@input-padding-small: 5px 9px;
 @input-font-size-small: 12px;
-@input-border-radius-small: 4px;
+@input-border-radius-small: 6px;
 @input-prefix-margin-right-small: 4px;
-// size===mini
-@input-height-mini: 24px;
-@input-padding-mini: 3px 7px;
-@input-font-size-mini: 12px;
-@input-border-radius-mini: 4px;
-@input-prefix-margin-right-mini: 4px;
+@input-clear-icon-small: 14px;
 //custom status
-@input-border-color: @NL90;
+@input-border-color: @BG60;
 @input-fontColor: @NL0;
-@input-placeholder-color: @NL80;
-@input-prefix-color: @NL50;
-@input-bg-color: @BG97;
+@input-placeholder-color: @NL50;
+@input-prefix-color: @NL40;
+@input-bg-color: @BG100;
 // active status
-@input-active-border-color: @B60;
-@input-box-shadow-active: 0 0 0 0.5px @B60;
+@input-active-border-color: @B40;
+@input-box-shadow-active: @shadow-xs;
 // disabled status
-@input-disabled-border-color: @NL90;
-@input-disabled-bg-color: @BG95;
-@input-disabled-font-color: @NL60;
+@input-disabled-border-color: @BG60;
+@input-disabled-bg-color: @BG90;
+@input-disabled-font-color: @NL40;
 
-.ant-input.ald-input {
+.ant-input.ald-input,
+.ald-input .ant-input {
   color: @NL0;
   font-weight: 400;
   background-color: @input-bg-color;
   border-color: @input-border-color;
   border-radius: @input-border-radius-middle;
+  box-shadow: @shadow-xs;
   caret-color: @B60;
 
   &::placeholder {
@@ -170,17 +169,6 @@
 }
 
 .ald-input {
-  &.ald-input-mini {
-    height: @input-height-mini;
-    padding: @input-padding-mini;
-    font-size: @input-font-size-mini;
-    border-radius: @input-border-radius-mini;
-
-    .ant-input-prefix {
-      margin-right: @input-prefix-margin-right-mini;
-    }
-  }
-
   &.ald-input-small {
     height: @input-height-small;
     padding: @input-padding-small;
@@ -190,6 +178,10 @@
     .ant-input-prefix {
       margin-right: @input-prefix-margin-right-small;
     }
+
+    .ant-input-suffix .ant-input-clear-icon {
+      font-size: @input-clear-icon-large;
+    }
   }
 
   &.ald-input-middle {
@@ -201,6 +193,10 @@
     .ant-input-prefix {
       margin-right: @input-prefix-margin-right-middle;
     }
+
+    .ant-input-suffix .ant-input-clear-icon {
+      font-size: @input-clear-icon-middle;
+    }
   }
 
   &.ald-input-large {
@@ -212,6 +208,10 @@
     .ant-input-prefix {
       margin-right: @input-prefix-margin-right-large;
     }
+
+    .ant-input-suffix .ant-input-clear-icon {
+      font-size: @input-clear-icon-small;
+    }
   }
 }
 
@@ -307,35 +307,6 @@
   }
 }
 
-.ald-input-group-mini {
-  .ald-input {
-    height: @input-height-mini;
-    padding: @input-padding-mini;
-    font-size: @input-font-size-mini;
-    border-radius: @input-border-radius-mini;
-
-    &.ant-input {
-      border-radius: @input-border-radius-mini;
-    }
-
-    .ant-input-prefix {
-      margin-right: @input-prefix-margin-right-mini;
-    }
-  }
-
-  &.ant-input-group-compact {
-    .ald-input {
-      &:first-of-type {
-        border-radius: @input-border-radius-mini 0 0 @input-border-radius-mini;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @input-border-radius-mini @input-border-radius-mini 0;
-      }
-    }
-  }
-}
-
 .ald-textarea-large {
   padding: 5px 11px;
   font-size: @font-size-large;
@@ -408,3 +379,112 @@ textarea.ald-input-textarea,
   font-size: 11px;
   line-height: 16px;
 }
+
+.ant-input-group-wrapper {
+  &.ald-input-large {
+    .ant-input-group-addon {
+      padding: 4px 14px;
+      font-size: @input-font-size-large;
+    }
+
+    .ant-input {
+      height: @input-height-large;
+      padding: @input-padding-large;
+      font-size: @input-font-size-large;
+
+      .ant-input-prefix {
+        margin-right: @input-prefix-margin-right-large;
+      }
+
+      .ant-input-suffix .ant-input-clear-icon {
+        font-size: @input-clear-icon-small;
+      }
+    }
+
+    .ant-input:first-child,
+    .ant-input-group-addon:first-child {
+      border-radius: @input-border-radius-large 0 0 @input-border-radius-large;
+    }
+
+    .ant-input:last-child,
+    .ant-input-group-addon:last-child {
+      border-radius: 0 @input-border-radius-large @input-border-radius-large 0;
+    }
+  }
+
+  &.ald-input-middle {
+    .ant-input-group-addon {
+      padding: 4px 12px;
+      font-size: @input-font-size-middle;
+    }
+
+    .ant-input {
+      height: @input-height-middle;
+      padding: @input-padding-middle;
+      font-size: @input-font-size-middle;
+
+      .ant-input-prefix {
+        margin-right: @input-prefix-margin-right-middle;
+      }
+
+      .ant-input-suffix .ant-input-clear-icon {
+        font-size: @input-clear-icon-middle;
+      }
+    }
+
+    .ant-input:first-child,
+    .ant-input-group-addon:first-child {
+      border-radius: @input-border-radius-middle 0 0 @input-border-radius-middle;
+    }
+
+    .ant-input:last-child,
+    .ant-input-group-addon:last-child {
+      border-radius: 0 @input-border-radius-middle @input-border-radius-middle 0;
+    }
+  }
+
+  &.ald-input-small {
+    .ant-input-group-addon {
+      padding: 3px 10px;
+      font-size: @input-font-size-small;
+    }
+
+    .ant-input {
+      height: @input-height-small;
+      padding: @input-padding-small;
+      font-size: @input-font-size-small;
+
+      .ant-input-prefix {
+        margin-right: @input-prefix-margin-right-small;
+      }
+
+      .ant-input-suffix .ant-input-clear-icon {
+        font-size: @input-clear-icon-small;
+      }
+    }
+
+    .ant-input:first-child,
+    .ant-input-group-addon:first-child {
+      border-radius: @input-border-radius-small 0 0 @input-border-radius-small;
+    }
+
+    .ant-input:last-child,
+    .ant-input-group-addon:last-child {
+      border-radius: 0 @input-border-radius-small @input-border-radius-small 0;
+    }
+  }
+
+  .ant-input-group-addon {
+    background-color: @input-bg-color;
+
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+}

package/lib/InputNumber/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { InputNumberProps } from 'antd';
-export default function InputNumber(props: InputNumberProps): JSX.Element;
-export type { InputNumberProps };
+import { IInputNumberProps } from './type';
+export default function InputNumber(props: IInputNumberProps): JSX.Element;
+export type { IInputNumberProps };