@aloudata/aloudata-design 0.3.1 → 0.3.4

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GroupProps } from 'antd/lib/input';
 import { TSize } from '../Input';
 export interface IGroupProps extends Omit<GroupProps, 'size'> {
@@ -8,9 +9,10 @@ export interface IGroupProps extends Omit<GroupProps, 'size'> {
     compact?: boolean;
     /**
      * @description Input.Group 中所有的 Input 的大小，可选 large default small
-     * @type 'mini'|'small' | 'default' | 'large';
+     * @type 'mini'|'small' | 'middle' | 'large';
      * @default default
      */
     size?: TSize;
+    className?: string;
 }
 export default function Group(props: IGroupProps): JSX.Element;

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

@@ -9,9 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _input = _interopRequireDefault(require("antd/lib/input"));
 
+var _Input = require("../Input");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["size"];
+var _excluded = ["size", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,19 +25,12 @@ var AntdGroup = _input.default.Group;
 
 function Group(props) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var getClassName = function getClassName(groupSize) {
-    return (0, _classnames.default)('ald-input-group', {
-      'ald-input-group-large': groupSize === 'large',
-      'ald-input-group-small': groupSize === 'small',
-      'ald-input-group-mini': groupSize === 'mini',
-      'ald-input-group-middle': !['mini', 'small', 'large'].includes(groupSize)
-    });
-  };
-
   return /*#__PURE__*/_react.default.createElement(AntdGroup, Object.assign({
-    className: getClassName(size)
+    className: (0, _classnames.default)("ald-input-group-".concat((0, _Input.getSizeType)(size)), className)
   }, rest));
 }

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

@@ -7,14 +7,14 @@ interface IShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export declare type TSize = 'mini' | 'small' | 'default' | 'large';
+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'> {
     /**
      * @description 输入框尺寸
      * @default default
-     * @type 'small' | 'default' | 'large';
+     * @type 'mini' | 'small' | 'middle' | 'large';
      */
     size?: TSize;
     /**
@@ -63,5 +63,6 @@ export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' |
      */
     onChange?: ChangeEventHandler;
 }
+export declare function getSizeType(sizeType: TSize): TSize;
 declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>>;
 export default Input;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.getSizeType = getSizeType;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,7 +12,7 @@ var _Input = _interopRequireDefault(require("antd/lib/input/Input"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["size"];
+var _excluded = ["size", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,35 +20,24 @@ 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)) {
+    return sizeType;
+  }
+
+  return 'middle';
+}
+
 var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var getInputSize = function getInputSize(inputSize) {
-    if (inputSize === 'small' || inputSize === 'large') {
-      return inputSize;
-    }
-
-    return 'middle';
-  };
-
-  var getClassName = function getClassName(inputSize) {
-    return (0, _classnames.default)('ald-input', {
-      'ald-input-small': inputSize === 'small',
-      'ald-input-large': inputSize === 'large',
-      'ald-input-mini': inputSize === 'mini',
-      'ald-input-middle': !['small', 'mini', 'large'].includes(inputSize),
-      'ald-input-showCount': props.showCount
-    });
-  };
-
   return /*#__PURE__*/_react.default.createElement(_Input.default, Object.assign({}, rest, {
-    // @ts-ignore
     ref: ref,
-    size: getInputSize(size),
     bordered: true,
-    className: getClassName(size),
+    className: (0, _classnames.default)('ald-input', "ald-input-".concat(getSizeType(size)), className),
     addonAfter: null,
     addonBefore: null,
     suffix: null

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

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+require("@aloudata/icons-react/styles/index.less");
+
+var _EyeOffLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/EyeOffLine"));
 
-var _EyeOffLine = _interopRequireDefault(require("../../../Icon/icons/EyeOffLine"));
+var _EyeOnLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/EyeOnLine"));
 
-var _EyeOnLine = _interopRequireDefault(require("../../../Icon/icons/EyeOnLine"));
+var _react = _interopRequireDefault(require("react"));
 
 var _Password = _interopRequireDefault(require("antd/lib/input/Password"));
 
+var _Input = require("../Input");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["size"];
+var _excluded = ["size", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -26,25 +30,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var getClassName = function getClassName(inputSize) {
-    return (0, _classnames.default)('ald-input', {
-      'ald-input-small': inputSize === 'small',
-      'ald-input-large': inputSize === 'large',
-      'ald-input-mini': inputSize === 'mini',
-      'ald-input-middle': !['small', 'mini', 'large'].includes(inputSize)
-    });
-  };
-
   return /*#__PURE__*/_react.default.createElement(_Password.default, Object.assign({}, restProps, {
     ref: ref,
-    className: getClassName(size),
+    className: (0, _classnames.default)('ald-input', "ald-input-".concat((0, _Input.getSizeType)(size)), className),
     iconRender: function iconRender(visible) {
-      return visible ? /*#__PURE__*/_react.default.createElement(_EyeOnLine.default, {
+      return visible ? /*#__PURE__*/_react.default.createElement(_EyeOnLine2.default, {
         fill: "currentColor"
-      }) : /*#__PURE__*/_react.default.createElement(_EyeOffLine.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_EyeOffLine2.default, {
         fill: "currentColor"
       });
     }

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TextAreaProps, TextAreaRef } from 'antd/lib/input/TextArea';
+import { TSize } from '../Input';
 export type { TextAreaRef };
-export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
+export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter' | 'size'> {
     /**
      * @description 可以点击清除图标删除内容
      * @default false
@@ -53,6 +54,12 @@ export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter'> {
      * @type boolean
      */
     border?: boolean;
+    className?: string;
+    /**
+     * @description 尺寸大学
+     * @default middle
+     */
+    size?: TSize;
 }
 declare const _default: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<TextAreaRef>>;
 export default _default;

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

@@ -9,7 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TextArea = _interopRequireDefault(require("antd/lib/input/TextArea"));
 
-var _excluded = ["bordered"];
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Input = require("../Input");
+
+var _excluded = ["bordered", "size", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -20,9 +24,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var _default = /*#__PURE__*/_react.default.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,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
       rest = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_TextArea.default, Object.assign({}, rest, {
+    className: (0, _classnames.default)('ald-input-textarea', "ald-input-textarea-".concat((0, _Input.getSizeType)(size)), className),
     ref: ref,
     bordered: bordered
   }));