@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/IconButton/index.js

@@ -1,111 +1,97 @@
-var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "showArrow", "mode"];
-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; }
-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); }
-import classnames from 'classnames';
-import React, { forwardRef, useMemo } from 'react';
-import Dropdown from "../Dropdown/index";
-import { FoldDownFill } from "../Icon";
-import { getSizeType } from "../Input/components/Input";
-import Tooltip from "../Tooltip";
-var InternalIconButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var icon = props.icon,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
-    disabled = props.disabled,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    keepFocus = props.keepFocus,
-    className = props.className,
-    tooltip = props.tooltip,
-    id = props.id,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'light' : _props$mode;
-  var onButtonClick = function onButtonClick(e) {
-    if (disabled) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    onClick(e);
-  };
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
-    title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
-  }), /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: classnames(className, 'ald-icon-button', "ald-icon-button-".concat(getSizeType(size)), {
-      'ald-icon-button-disabled': disabled,
-      'ald-icon-button-focus': keepFocus,
-      'ald-icon-button-dark': mode === 'dark'
-    }),
-    ref: ref,
-    onClick: onButtonClick
-    // disabled={disabled}
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-icon-button-wrap"
-  }, icon)));
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/FoldDownFill.js";
+import Dropdown from "../Dropdown/index.js";
+import { getSizeType } from "../Input/components/Input/index.js";
+/* empty css            */
+import Tooltip from "../Tooltip/index.js";
+import { forwardRef, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/IconButton/index.tsx
+var InternalIconButton = forwardRef(function(props, ref) {
+	const { icon, onClick = () => {}, disabled, size = "middle", keepFocus, className, tooltip, id, mode = "light" } = props;
+	const onButtonClick = (e) => {
+		if (disabled) {
+			e.stopPropagation();
+			e.preventDefault();
+			return;
+		}
+		onClick(e);
+	};
+	return /* @__PURE__ */ jsx(Tooltip, {
+		...tooltip,
+		title: tooltip?.title,
+		children: /* @__PURE__ */ jsx("div", {
+			id,
+			className: cn(className, "ald-icon-button", `ald-icon-button-${getSizeType(size)}`, {
+				"ald-icon-button-disabled": disabled,
+				"ald-icon-button-focus": keepFocus,
+				"ald-icon-button-dark": mode === "dark"
+			}),
+			ref,
+			onClick: onButtonClick,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "ald-icon-button-wrap",
+				children: icon
+			})
+		})
+	});
 });
-var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var icon = props.icon,
-    _props$onClick2 = props.onClick,
-    onClick = _props$onClick2 === void 0 ? function () {} : _props$onClick2,
-    disabled = props.disabled,
-    _props$size2 = props.size,
-    size = _props$size2 === void 0 ? 'middle' : _props$size2,
-    menu = props.menu,
-    className = props.className,
-    onOpenChange = props.onOpenChange,
-    tooltip = props.tooltip,
-    id = props.id,
-    showArrow = props.showArrow,
-    _props$mode2 = props.mode,
-    mode = _props$mode2 === void 0 ? 'light' : _props$mode2,
-    restDropdownProps = _objectWithoutProperties(props, _excluded);
-  var onButtonClick = function onButtonClick(e) {
-    if (disabled) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    onClick(e);
-  };
-  var canDropdown = useMemo(function () {
-    var hasMenu = menu && menu.items && menu.items.length > 0;
-    return hasMenu && !disabled;
-  }, [menu, disabled]);
-  if (!canDropdown) {
-    return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
-      title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
-    }), /*#__PURE__*/React.createElement("div", {
-      id: id,
-      className: classnames(className, 'ald-icon-button-dropdown', "ald-icon-button-".concat(getSizeType(size)), {
-        'ald-icon-button-disabled': disabled,
-        'ald-icon-button-dark': mode === 'dark'
-      }),
-      ref: ref,
-      onClick: onButtonClick
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ald-icon-button-wrap"
-    }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, null)));
-  }
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
-    title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
-  }), /*#__PURE__*/React.createElement(Dropdown, _extends({
-    menu: menu,
-    onOpenChange: onOpenChange
-  }, restDropdownProps), /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: classnames(className, 'ald-icon-button-dropdown', "ald-icon-button-".concat(getSizeType(size)), {
-      'ald-icon-button-disabled': disabled,
-      'ald-icon-button-dark': mode === 'dark'
-    }),
-    ref: ref,
-    onClick: onButtonClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-icon-button-wrap"
-  }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, null))));
+var DropdownButton = forwardRef(function(props, ref) {
+	const { icon, onClick = () => {}, disabled, size = "middle", menu, className, onOpenChange, tooltip, id, showArrow, mode = "light", ...restDropdownProps } = props;
+	const onButtonClick = (e) => {
+		if (disabled) {
+			e.stopPropagation();
+			e.preventDefault();
+			return;
+		}
+		onClick(e);
+	};
+	if (!useMemo(() => {
+		return menu && menu.items && menu.items.length > 0 && !disabled;
+	}, [menu, disabled])) return /* @__PURE__ */ jsx(Tooltip, {
+		...tooltip,
+		title: tooltip?.title,
+		children: /* @__PURE__ */ jsxs("div", {
+			id,
+			className: cn(className, "ald-icon-button-dropdown", `ald-icon-button-${getSizeType(size)}`, {
+				"ald-icon-button-disabled": disabled,
+				"ald-icon-button-dark": mode === "dark"
+			}),
+			ref,
+			onClick: onButtonClick,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "ald-icon-button-wrap",
+				children: icon
+			}), showArrow && /* @__PURE__ */ jsx(Memo, {})]
+		})
+	});
+	return /* @__PURE__ */ jsx(Tooltip, {
+		...tooltip,
+		title: tooltip?.title,
+		children: /* @__PURE__ */ jsx(Dropdown, {
+			menu,
+			onOpenChange,
+			...restDropdownProps,
+			children: /* @__PURE__ */ jsxs("div", {
+				id,
+				className: cn(className, "ald-icon-button-dropdown", `ald-icon-button-${getSizeType(size)}`, {
+					"ald-icon-button-disabled": disabled,
+					"ald-icon-button-dark": mode === "dark"
+				}),
+				ref,
+				onClick: onButtonClick,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "ald-icon-button-wrap",
+					children: icon
+				}), showArrow && /* @__PURE__ */ jsx(Memo, {})]
+			})
+		})
+	});
 });
 var IconButton = InternalIconButton;
 IconButton.dropdown = DropdownButton;
 IconButton.__ANT_BUTTON = true;
-export default IconButton;
+//#endregion
+export { IconButton as default };
+
+//# sourceMappingURL=index.js.map

package/dist/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import './icon-button.css';\nimport { cn } from '../lib/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport Dropdown, { IDropdownProps } from '../Dropdown/index';\nimport { FoldDownFill } from '../Icon';\nimport { TSize } from '../Input';\nimport { getSizeType } from '../Input/components/Input';\nimport Tooltip, { ITooltipProps } from '../Tooltip';\ninterface IIconButtonProps {\n  icon: React.ReactNode;\n  onClick?: (e: React.MouseEvent) => void;\n  disabled?: boolean;\n  size?: TSize;\n  className?: string;\n  keepFocus?: boolean;\n  tooltip?: ITooltipProps;\n  id?: string;\n  mode?: 'light' | 'dark';\n}\ntype IDropdownIconButtonProps = IIconButtonProps &\n  Omit<IDropdownProps, 'children'> & {\n    showArrow?: boolean;\n  };\nconst InternalIconButton = forwardRef(function (\n  props: IIconButtonProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    keepFocus,\n    className,\n    tooltip,\n    id,\n    mode = 'light',\n  } = props;\n  const onButtonClick = (e: React.MouseEvent) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <div\n        id={id}\n        className={cn(\n          className,\n          'ald-icon-button',\n          `ald-icon-button-${getSizeType(size)}`,\n          {\n            'ald-icon-button-disabled': disabled,\n            'ald-icon-button-focus': keepFocus,\n            'ald-icon-button-dark': mode === 'dark',\n          },\n        )}\n        ref={ref}\n        onClick={onButtonClick}\n        // disabled={disabled}\n      >\n        <div className=\"ald-icon-button-wrap\">{icon}</div>\n      </div>\n    </Tooltip>\n  );\n});\n\nconst DropdownButton = forwardRef(function (\n  props: IDropdownIconButtonProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    menu,\n    className,\n    onOpenChange,\n    tooltip,\n    id,\n    showArrow,\n    mode = 'light',\n    ...restDropdownProps\n  } = props;\n  const onButtonClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  const canDropdown = useMemo(() => {\n    const hasMenu = menu && menu.items && menu.items.length > 0;\n    return hasMenu && !disabled;\n  }, [menu, disabled]);\n  if (!canDropdown) {\n    return (\n      <Tooltip {...tooltip} title={tooltip?.title}>\n        <div\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </div>\n      </Tooltip>\n    );\n  }\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <Dropdown menu={menu} onOpenChange={onOpenChange} {...restDropdownProps}>\n        <div\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </div>\n      </Dropdown>\n    </Tooltip>\n  );\n});\nconst IconButton = InternalIconButton as typeof InternalIconButton & {\n  dropdown: typeof DropdownButton;\n  __ANT_BUTTON: boolean;\n};\nIconButton.dropdown = DropdownButton;\nIconButton.__ANT_BUTTON = true;\nexport default IconButton;\n"],"mappings":";;;;;;;;;AAuBA,IAAM,qBAAqB,WAAW,SACpC,OACA,KACA;CACA,MAAM,EACJ,MACA,gBAAgB,IAChB,UACA,OAAO,UACP,WACA,WACA,SACA,IACA,OAAO,YACL;CACJ,MAAM,iBAAiB,MAAwB;AAC7C,MAAI,UAAU;AACZ,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB;;AAEF,UAAQ,EAAE;;AAGZ,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,oBAAC,OAAD;GACM;GACJ,WAAW,GACT,WACA,mBACA,mBAAmB,YAAY,KAAK,IACpC;IACE,4BAA4B;IAC5B,yBAAyB;IACzB,wBAAwB,SAAS;IAClC,CACF;GACI;GACL,SAAS;aAGT,oBAAC,OAAD;IAAK,WAAU;cAAwB;IAAW,CAAA;GAC9C,CAAA;EACE,CAAA;EAEZ;AAEF,IAAM,iBAAiB,WAAW,SAChC,OACA,KACA;CACA,MAAM,EACJ,MACA,gBAAgB,IAChB,UACA,OAAO,UACP,MACA,WACA,cACA,SACA,IACA,WACA,OAAO,SACP,GAAG,sBACD;CACJ,MAAM,iBAAiB,MAAoD;AACzE,MAAI,UAAU;AACZ,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB;;AAEF,UAAQ,EAAE;;AAOZ,KAAI,CAJgB,cAAc;AAEhC,SADgB,QAAQ,KAAK,SAAS,KAAK,MAAM,SAAS,KACxC,CAAC;IAClB,CAAC,MAAM,SAAS,CAAC,CAElB,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,qBAAC,OAAD;GACM;GACJ,WAAW,GACT,WACA,4BACA,mBAAmB,YAAY,KAAK,IACpC;IACE,4BAA4B;IAC5B,wBAAwB,SAAS;IAClC,CACF;GACI;GACL,SAAS;aAZX,CAcE,oBAAC,OAAD;IAAK,WAAU;cAAwB;IAAW,CAAA,EACjD,aAAa,oBAAC,MAAD,EAAgB,CAAA,CAC1B;;EACE,CAAA;AAGd,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,oBAAC,UAAD;GAAgB;GAAoB;GAAc,GAAI;aACpD,qBAAC,OAAD;IACM;IACJ,WAAW,GACT,WACA,4BACA,mBAAmB,YAAY,KAAK,IACpC;KACE,4BAA4B;KAC5B,wBAAwB,SAAS;KAClC,CACF;IACI;IACL,SAAS;cAZX,CAcE,oBAAC,OAAD;KAAK,WAAU;eAAwB;KAAW,CAAA,EACjD,aAAa,oBAAC,MAAD,EAAgB,CAAA,CAC1B;;GACG,CAAA;EACH,CAAA;EAEZ;AACF,IAAM,aAAa;AAInB,WAAW,WAAW;AACtB,WAAW,eAAe"}

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

@@ -1,6 +1,4 @@
-import type { InputProps } from 'antd/lib/input/Input';
-import type { InputRef } from 'rc-input';
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { SizeType } from '../../../ConfigProvider/sizeContext';
 interface IShowCountProps {
     formatter: (args: {
@@ -9,70 +7,38 @@ interface IShowCountProps {
     }) => string;
 }
 export type TSize = SizeType;
-export type { InputRef };
+export type InputRef = HTMLInputElement;
 type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
-export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange' | 'addonAfter' | 'addonBefore'> {
-    /**
-     * @description 带标签的input，设置后置标签
-     * @default -
-     * @type ReactNode
-     */
+export interface IInputProps {
     addonAfter?: ReactNode;
-    /**
-     * @description 带标签的input，设置前置标签
-     * @default -
-     * @type ReactNode
-     */
     addonBefore?: ReactNode;
-    /**
-     * @description 输入框尺寸
-     * @default default
-     * @type 'mini' | 'small' | 'middle' | 'large';
-     */
     size?: TSize;
-    /**
-     * @description 输入框id
-     */
     id?: string;
-    /**
-     * @description 带标签的 input，设置前置标签
-     */
     prefix?: ReactNode;
-    /**
-     * @description 可以点击清除图标删除内容
-     * @default true
-     */
+    suffix?: ReactNode;
     allowClear?: boolean;
     disabled?: boolean;
-    /**
-     * @description 提示文字
-     * @default false
-     * @type boolean | { formatter: (args: { count: number; maxLength?: number; }) => string; };
-     */
     showCount?: boolean | IShowCountProps;
-    /**
-     * @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;
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    type?: string;
+    bordered?: boolean;
+    status?: 'error' | 'warning' | '';
+    autoComplete?: string;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;
 }
 export declare function getSizeType(sizeType: TSize): TSize;
-declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>>;
+declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1,64 +1,117 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["size", "className", "prefixCls", "bordered", "status", "disabled", "allowClear"];
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 SizeContext from 'antd/lib/config-provider/SizeContext';
-import AntdInput from 'antd/lib/input/Input';
-import { useCompactItemContext } from 'antd/lib/space/Compact';
-import classnames from 'classnames';
-import React, { useContext } from 'react';
-import { ConfigContext } from "../../../ConfigProvider";
-import { CloseCircleFill } from "../../../Icon";
-import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
-export function getSizeType(sizeType) {
-  if (['small', 'middle', 'large'].includes(sizeType || '')) {
-    return sizeType;
-  }
-  return 'middle';
+import { cn } from "../../../lib/utils.js";
+import Memo from "../../../Icon/components/CloseCircleFill.js";
+import DisabledContext from "../../../ConfigProvider/DisabledContext.js";
+import SizeContext from "../../../ConfigProvider/sizeContext.js";
+import { useCompactItemContext } from "../../../Space/CompactContext.js";
+import React, { forwardRef, useContext, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Input/components/Input/index.tsx
+function getSizeType(sizeType) {
+	if ([
+		"small",
+		"middle",
+		"large"
+	].includes(sizeType || "")) return sizeType;
+	return "middle";
 }
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _classnames;
-  var customSize = props.size,
-    className = props.className,
-    customizePrefixCls = props.prefixCls,
-    bordered = props.bordered,
-    status = props.status,
-    disabled = props.disabled,
-    allowClear = props.allowClear,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction;
-  var prefixCls = getPrefixCls('input', customizePrefixCls);
-  // ===================== Compact Item =====================
-  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
-    compactSize = _useCompactItemContex.compactSize,
-    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-  var contentSize = useContext(SizeContext);
-  var _useFormItemStatus = useFormItemStatus(),
-    formItemStatus = _useFormItemStatus.status;
-  var mergedStatus = status || formItemStatus;
-  var size = compactSize || customSize || contentSize || 'middle';
-  return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
-    ref: ref
-    // @ts-ignore
-    ,
-    status: mergedStatus,
-    bordered: bordered,
-    disabled: disabled,
-    autoComplete: "off",
-    allowClear: allowClear ? {
-      clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
-        size: 16,
-        color: "var(--alias-colors-icon-subtle)"
-      })
-    } : undefined,
-    spellCheck: false,
-    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(mergedStatus), mergedStatus), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
-  }));
+var Input = forwardRef((props, ref) => {
+	const { size: customSize, className, bordered = true, status, disabled, allowClear, prefix, suffix, addonBefore, addonAfter, showCount, maxLength, value: controlledValue, defaultValue, onChange, onPressEnter, onBlur, onFocus, onKeyDown, onCompositionStart, onCompositionEnd, placeholder, type, id, autoFocus, readOnly, style } = props;
+	const contextDisabled = useContext(DisabledContext);
+	const mergedDisabled = disabled ?? contextDisabled;
+	const contentSize = useContext(SizeContext);
+	const { compactSize, compactItemClassnames } = useCompactItemContext("ald-input");
+	const size = customSize || compactSize || contentSize || "middle";
+	const isControlled = "value" in props;
+	const [innerValue, setInnerValue] = useState(defaultValue ?? "");
+	const currentValue = isControlled ? controlledValue ?? "" : innerValue;
+	const [focused, setFocused] = useState(false);
+	const inputRef = useRef(null);
+	React.useImperativeHandle(ref, () => inputRef.current);
+	const handleChange = (e) => {
+		if (!isControlled) setInnerValue(e.target.value);
+		onChange?.(e);
+	};
+	const handleClear = () => {
+		const nativeEvent = new Event("input", { bubbles: true });
+		if (inputRef.current) {
+			(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(inputRef.current, "");
+			inputRef.current.dispatchEvent(nativeEvent);
+		}
+		if (!isControlled) setInnerValue("");
+		onChange?.({ target: { value: "" } });
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") onPressEnter?.(e);
+		onKeyDown?.(e);
+	};
+	const showClearIcon = allowClear && currentValue && !mergedDisabled;
+	const countInfo = showCount && typeof showCount === "object" ? showCount.formatter({
+		count: currentValue.length,
+		maxLength
+	}) : showCount ? `${currentValue.length}${maxLength ? `/${maxLength}` : ""}` : null;
+	const compactClasses = compactItemClassnames ? cn(!compactItemClassnames["ald-input-compact-first-item"] && "!tw-rounded-l-none", !compactItemClassnames["ald-input-compact-last-item"] && "!tw-rounded-r-none", !compactItemClassnames["ald-input-compact-first-item"] && "-tw-ml-px") : void 0;
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("ald-input tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]", bordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", focused && "tw-border-[var(--interaction-focus-default)] tw-outline tw-outline-1 tw-outline-[var(--interaction-focus-default)]", !mergedDisabled && !focused && "hover:tw-border-[var(--interaction-border-hover)]", `ald-input-${getSizeType(size)}`, size === "small" && "tw-h-7 tw-text-xs", size === "large" && "tw-h-9 tw-text-sm", (size === "middle" || !size) && "tw-h-8 tw-text-sm", status === "error" && `ald-input-error tw-border-[var(--border-negative-strong)]`, status === "warning" && `ald-input-warning tw-border-[var(--border-warning-subtle)]`, mergedDisabled && "ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]", compactClasses, className),
+		style,
+		children: [
+			addonBefore && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]",
+				children: addonBefore
+			}),
+			prefix && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]",
+				children: prefix
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				id,
+				type: type || "text",
+				className: "tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none",
+				value: currentValue,
+				onChange: handleChange,
+				onBlur: (e) => {
+					setFocused(false);
+					onBlur?.(e);
+				},
+				onFocus: (e) => {
+					setFocused(true);
+					onFocus?.(e);
+				},
+				onKeyDown: handleKeyDown,
+				onCompositionStart,
+				onCompositionEnd,
+				disabled: mergedDisabled,
+				placeholder,
+				maxLength,
+				autoComplete: "off",
+				autoFocus,
+				readOnly,
+				spellCheck: false
+			}),
+			showClearIcon && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-clear tw-flex tw-cursor-pointer tw-items-center tw-pr-1",
+				onClick: handleClear,
+				children: /* @__PURE__ */ jsx(Memo, {
+					size: 16,
+					color: "var(--alias-colors-icon-subtle)"
+				})
+			}),
+			suffix && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]",
+				children: suffix
+			}),
+			countInfo && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]",
+				children: countInfo
+			}),
+			addonAfter && /* @__PURE__ */ jsx("span", {
+				className: "ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]",
+				children: addonAfter
+			})
+		]
+	});
 });
-export default Input;
+//#endregion
+export { Input as default, getSizeType };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Input/index.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext, { SizeType } from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { useCompactItemContext } from '../../../Space/CompactContext';\n\ninterface IShowCountProps {\n  formatter: (args: { count: number; maxLength?: number }) => string;\n}\nexport type TSize = SizeType;\nexport type InputRef = HTMLInputElement;\n\ntype ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nexport interface IInputProps {\n  addonAfter?: ReactNode;\n  addonBefore?: ReactNode;\n  size?: TSize;\n  id?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  disabled?: boolean;\n  showCount?: boolean | IShowCountProps;\n  maxLength?: number;\n  value?: string;\n  defaultValue?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  type?: string;\n  bordered?: boolean;\n  status?: 'error' | 'warning' | '';\n  autoComplete?: string;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;\n}\n\nexport function getSizeType(sizeType: TSize): TSize {\n  if (['small', 'middle', 'large'].includes(sizeType || '')) {\n    return sizeType;\n  }\n  return 'middle';\n}\n\nconst Input = forwardRef<InputRef, IInputProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    bordered = true,\n    status,\n    disabled,\n    allowClear,\n    prefix,\n    suffix,\n    addonBefore,\n    addonAfter,\n    showCount,\n    maxLength,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    placeholder,\n    type,\n    id,\n    autoFocus,\n    readOnly,\n    style,\n  } = props;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext('ald-input');\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  React.useImperativeHandle(ref, () => inputRef.current!);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    const nativeEvent = new Event('input', { bubbles: true });\n    if (inputRef.current) {\n      const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        'value',\n      )?.set;\n      nativeSetter?.call(inputRef.current, '');\n      inputRef.current.dispatchEvent(nativeEvent);\n    }\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const showClearIcon = allowClear && currentValue && !mergedDisabled;\n\n  const countInfo =\n    showCount && typeof showCount === 'object'\n      ? showCount.formatter({\n          count: currentValue.length,\n          maxLength,\n        })\n      : showCount\n      ? `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`\n      : null;\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        !compactItemClassnames['ald-input-compact-first-item'] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames['ald-input-compact-last-item'] &&\n          '!tw-rounded-r-none',\n        !compactItemClassnames['ald-input-compact-first-item'] && '-tw-ml-px',\n      )\n    : undefined;\n\n  return (\n    <span\n      className={cn(\n        'ald-input tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]',\n        bordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        focused &&\n          'tw-border-[var(--interaction-focus-default)] tw-outline tw-outline-1 tw-outline-[var(--interaction-focus-default)]',\n        !mergedDisabled &&\n          !focused &&\n          'hover:tw-border-[var(--interaction-border-hover)]',\n        `ald-input-${getSizeType(size)}`,\n        size === 'small' && 'tw-h-7 tw-text-xs',\n        size === 'large' && 'tw-h-9 tw-text-sm',\n        (size === 'middle' || !size) && 'tw-h-8 tw-text-sm',\n        status === 'error' &&\n          `ald-input-error tw-border-[var(--border-negative-strong)]`,\n        status === 'warning' &&\n          `ald-input-warning tw-border-[var(--border-warning-subtle)]`,\n        mergedDisabled &&\n          'ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]',\n        compactClasses,\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span className=\"ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]\">\n          {addonBefore}\n        </span>\n      )}\n      {prefix && (\n        <span className=\"ald-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type={type || 'text'}\n        className=\"tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n        }}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        autoComplete=\"off\"\n        autoFocus={autoFocus}\n        readOnly={readOnly}\n        spellCheck={false}\n      />\n      {showClearIcon && (\n        <span\n          className=\"ald-input-clear tw-flex tw-cursor-pointer tw-items-center tw-pr-1\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {suffix && (\n        <span className=\"ald-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]\">\n          {suffix}\n        </span>\n      )}\n      {countInfo && (\n        <span className=\"ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {countInfo}\n        </span>\n      )}\n      {addonAfter && (\n        <span className=\"ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]\">\n          {addonAfter}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport default Input;\n"],"mappings":"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"}

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

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