@aloudata/aloudata-design 0.2.6 → 0.3.0

package/es/Icon/icons/SortDescendingLine.js

@@ -0,0 +1,66 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function SortDescendingLine(props) {
+  var root = useRef(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  useEffect(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "m13 18.586 4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a.997.997 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 18.586V3a1 1 0 1 1 2 0v15.586Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })));
+}

package/es/Icon/icons/TextLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function TextLine(props: IconProps): JSX.Element;
+export {};

package/es/Icon/icons/TextLine.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function TextLine(props) {
+  var root = useRef(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  useEffect(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#562cc__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 5.778 4.49 13h5.02L7 5.778Zm-5.055 14.55L3.795 15h6.41l1.85 5.328a1 1 0 1 0 1.89-.656L8.563 4.182a1.809 1.809 0 0 0-.557-.816A1.582 1.582 0 0 0 7 3c-.382 0-.732.14-1.006.366a1.809 1.809 0 0 0-.557.816L.055 19.672a1 1 0 0 0 1.89.656ZM19 13a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm0-2c1.126 0 2.164.372 3 1a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0 5 5 0 1 1-3-9Z",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "562cc__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "#fff"
+  })))));
+}

package/es/Icon/icons/UserLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function UserLine(props: IconProps): JSX.Element;
+export {};

package/es/Icon/icons/UserLine.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function UserLine(props) {
+  var root = useRef(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  useEffect(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#56361__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10a9.964 9.964 0 0 1-2.627 6.756A9.242 9.242 0 0 0 16.51 16.2 9.09 9.09 0 0 0 12 15a9.09 9.09 0 0 0-4.51 1.2 9.242 9.242 0 0 0-2.863 2.556A9.964 9.964 0 0 1 2 12Zm4.128 8.095A9.955 9.955 0 0 0 12 22a9.955 9.955 0 0 0 5.872-1.904 7.247 7.247 0 0 0-2.354-2.16A7.09 7.09 0 0 0 12 17a7.09 7.09 0 0 0-3.518.937 7.247 7.247 0 0 0-2.354 2.158ZM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Zm0 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM7 9a5 5 0 1 1 10 0A5 5 0 0 1 7 9Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56361__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/es/Icon/icons/style.css

@@ -0,0 +1,9 @@
+.spin,.spin svg {animation: iconpark-spin 1s infinite linear;}
+.rtl,.rtl svg {transform: scaleX(-1);}
+.spin.rtl,.spin.rtl svg {animation: iconpark-spin-rtl 1s infinite linear;}
+@keyframes iconpark-spin {
+  0% { -webkit-transform: rotate(0); transform: rotate(0);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
+}
+@keyframes iconpark-spin-rtl {
+  0% {-webkit-transform: scaleX(-1) rotate(0); transform: scaleX(-1) rotate(0);} 100% {-webkit-transform: scaleX(-1) rotate(360deg); transform: scaleX(-1) rotate(360deg);}
+}

package/es/Icon/icons/style.css.d.ts

@@ -0,0 +1,10 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'iconpark-spin': string;
+  'iconpark-spin-rtl': string;
+  'rtl': string;
+  'spin': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

package/es/Icon/index.d.ts

@@ -1,14 +1,3 @@
-import React from 'react';
-import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
-import { createFromIconfontCN } from '@ant-design/icons';
-declare const Icon: (props: IIconProps) => JSX.Element;
+import Icon from './components/Icon';
+export type { IBaseIconProps } from './components/Icon';
 export default Icon;
-export type { IconFontProps };
-export { createFromIconfontCN };
-export interface IIconProps extends IconFontProps {
-    className?: string;
-    size?: number;
-    style?: React.CSSProperties;
-    color?: string;
-    type: string;
-}

package/es/Icon/index.js

@@ -1,45 +1,2 @@
-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; }
-
-import React from 'react';
-import { createFromIconfontCN } from '@ant-design/icons'; // @ts-ignore iconfont.js 没有ts类型定义
-// import iconfontJs from './iconfont/iconfont';
-
-var iconfontJs = require('./iconfont/iconfont');
-
-var IconFont = createFromIconfontCN({
-  scriptUrl: iconfontJs
-});
-var DEFAULT_SIZE = 16;
-
-var Icon = function Icon(props) {
-  var className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      color = props.color; // 添加一个前缀
-
-  var prefix = '';
-  var type = "".concat(prefix).concat(props.type);
-
-  var finalStyle = _objectSpread({
-    verticalAlign: 'middle',
-    color: color,
-    fontSize: size,
-    height: size,
-    width: size
-  }, style);
-
-  return /*#__PURE__*/React.createElement(IconFont, Object.assign({}, props, {
-    style: finalStyle,
-    type: type,
-    className: className
-  }));
-};
-
-export default Icon;
-export { createFromIconfontCN };
+import Icon from './components/Icon';
+export default Icon;

package/es/Icon/index.less

@@ -2,31 +2,23 @@
   font-size: 16px;
 }
 
-@icon-font: ald-iconfont;
-
-@font-face {
-  font-family: @icon-font; /* Project id 3211525 */
-  src:
-
-    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-    url('./iconfont/iconfont.woff?t=1648447992265') format('woff'),
-    url('./iconfont/iconfont.ttf?t=1648447992265') format('truetype');
-}
-
-.ald-iconfont(@content; @font-size: 16px) {
-  font-family: @icon-font !important;
-  font-size: 16px;
+// 用于替换antd内的某些无法通过外部传入的图标
+.ald-iconSvg(@svgName; @size: 16px) {
+  font-size: @size;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   &::before {
-    content: @content;
-    font-size: @font-size;
+    content: url("iconSvgs/@{svgName}.svg");
+    width: @size;
+    height: @size;
+    font-size: @size;
+    color: inherit;
     display: inline-block;
   }
 
   & > svg {
     display: none;
   }
-}
+}

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

@@ -0,0 +1 @@
+

package/es/Icon/style/index.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { GroupProps } from 'antd/lib/input';
-export interface IGroupProps extends GroupProps {
+import { TSize } from '../Input';
+export interface IGroupProps extends Omit<GroupProps, 'size'> {
     /**
      * @description 是否用紧凑模式
      * @default false
@@ -8,8 +9,9 @@ export interface IGroupProps extends GroupProps {
     compact?: boolean;
     /**
      * @description Input.Group 中所有的 Input 的大小，可选 large default small
+     * @type 'mini'|'small' | 'default' | 'large';
      * @default default
      */
-    size?: 'large' | 'default' | 'small';
+    size?: TSize;
 }
 export default function Group(props: IGroupProps): JSX.Element;

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

@@ -1,6 +1,28 @@
+var _excluded = ["size"];
+
+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 AntdInput from 'antd/lib/input';
+import classnames from 'classnames';
 var AntdGroup = AntdInput.Group;
 export default function Group(props) {
-  return /*#__PURE__*/React.createElement(AntdGroup, Object.assign({}, props));
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var getClassName = function getClassName(groupSize) {
+    return classnames('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.createElement(AntdGroup, Object.assign({
+    className: getClassName(size)
+  }, rest));
 }

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

@@ -7,7 +7,7 @@ interface IShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export declare type TSize = 'small' | 'default' | 'large';
+export declare type TSize = 'mini' | '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'> {

package/es/Input/components/Input/index.js

@@ -6,6 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import AntdInput from 'antd/lib/input/Input';
+import classnames from 'classnames';
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
@@ -19,11 +20,22 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return 'middle';
   };
 
+  var getClassName = function getClassName(inputSize) {
+    return classnames('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.createElement(AntdInput, Object.assign({}, rest, {
     // @ts-ignore
     ref: ref,
     size: getInputSize(size),
     bordered: true,
+    className: getClassName(size),
     addonAfter: null,
     addonBefore: null,
     suffix: null

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

@@ -1,11 +1,17 @@
 import React from 'react';
 import { PasswordProps } from 'antd/lib/input/Password';
-export interface IPasswordProps extends PasswordProps {
+import { TSize } from '../Input';
+export interface IPasswordProps extends Omit<PasswordProps, 'size'> {
     /**
      * @description 是否显示切换按钮
      * @default true
      */
     visibilityToggle?: boolean;
+    /**
+     * @description 尺寸大学
+     * @default default
+     */
+    size?: TSize;
 }
 declare const _default: React.ForwardRefExoticComponent<IPasswordProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,14 +1,37 @@
+var _excluded = ["size"];
+
+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 Icon from '../../../Icon';
-import AntdPassword from 'antd/lib/input/Password'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import EyeOffLine from '../../../Icon/icons/EyeOffLine';
+import EyeOnLine from '../../../Icon/icons/EyeOnLine';
+import AntdPassword from 'antd/lib/input/Password';
+import classnames from 'classnames'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(AntdPassword, Object.assign({}, props, {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var getClassName = function getClassName(inputSize) {
+    return classnames('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.createElement(AntdPassword, Object.assign({}, restProps, {
     ref: ref,
+    className: getClassName(size),
     iconRender: function iconRender(visible) {
-      var type = visible ? 'eye' : 'eye_off';
-      return /*#__PURE__*/React.createElement(Icon, {
-        type: type
+      return visible ? /*#__PURE__*/React.createElement(EyeOnLine, {
+        fill: "currentColor"
+      }) : /*#__PURE__*/React.createElement(EyeOffLine, {
+        fill: "currentColor"
       });
     }
   }));