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

package/dist/InputNumber/type.d.ts

@@ -1,161 +1,42 @@
 /// <reference types="react" />
-import { InputNumberProps } from 'antd';
-export interface IInputNumberProps extends InputNumberProps {
-    /**
-     * @description   带标签的Input，设置后置标签
-     * @type  ReactNode
-     * @default    --
-     */
+export interface IInputNumberProps {
     addonBefore?: React.ReactNode;
-    /**
-     * @description   带标签的Input，设置前置标签
-     * @type  ReactNode
-     * @default   --
-     */
     addonAfter?: React.ReactNode;
-    /**
-     * @description  自动获取焦点
-     * @type boolean
-     * @default   false
-     */
     autoFocus?: boolean;
-    /**
-     * @description   是否有边框
-     * @type  boolean
-     * @default    true
-     */
     bordered?: boolean;
-    /**
-    * @description   是否显示增减按钮，也可以设置自定义箭头图标
-    * @type boolean
-      | {
-          upIcon?: React.ReactNode;
-          downIcon?: React.ReactNode;
-        };
-    * @default    -
-    */
     controls?: boolean | {
         upIcon?: React.ReactNode;
         downIcon?: React.ReactNode;
     };
-    /**
-     * @description   小数点
-     * @type  string
-     * @default    -
-     */
     decimalSeparator?: string;
-    /**
-     * @description  初始值
-     * @type  number
-     * @default   -
-     */
     defaultValue?: number;
-    /**
-     * @description  禁用
-     * @type  boolean
-     * @default    false
-     */
     disabled?: boolean;
-    /**
-     * @description   制定输入框展示值的格式
-     * @type  (value: number | string | undefined, info: { userTyping: boolean; input: string }) => string
-     * @default   -
-     */
     formatter?: (value: number | string | undefined, info: {
         userTyping: boolean;
         input: string;
     }) => string;
-    /**
-     * @description   是否启用键盘快捷行为
-     * @type  boolean
-     * @default   true
-     */
     keyboard?: boolean;
-    /**
-     * @description   最大值
-     * @type  number
-     * @default    Number.MAX_SAFE_INTEGER
-     */
     max?: number;
-    /**
-     * @description   最小值
-     * @type  number
-     * @default    Number.MIN_SAFE_INTEGER
-     */
     min?: number;
-    /**
-     * @description   指定从 formatter 里转换回数字的方式，和 formatter 搭配使用
-     * @type  (value: string) => number
-     * @default    -
-     */
     parser?: (value: string | undefined) => number;
-    /**
-     * @description  数值精度，配置 formatter 时会以 formatter 为准
-     * @type number
-     * @default   -
-     */
     precision?: number;
-    /**
-     * @description   只读
-     * @type  boolean
-     * @default    false
-     */
     readonly?: boolean;
-    /**
-     * @description   设置校验状态
-     * @type  'warning' | 'error'
-     * @default    -
-     */
     status?: 'warning' | 'error';
-    /**
-     * @description   带有前缀图标的input
-     * @type  ReactNode
-     * @default   -
-     */
     prefix?: React.ReactNode;
-    /**
-     * @description   输入框大小
-     * @type 'small' | 'middle' | 'large'
-     * @default    -
-     */
     size?: 'small' | 'middle' | 'large';
-    /**
-     * @description   每次改变步数，可以为小数
-     * @type  number | string
-     * @default    1
-     */
     step?: number | string;
-    /**
-     * @description   字符值模式，开启后支持高精度小数。同时 onChange 将返回 string 类型
-     * @type  boolean
-     * @default    false
-     */
     stringMode?: boolean;
-    /**
-     * @description   当前值
-     * @type  number
-     * @default   -
-     */
     value?: number;
-    /**
-     * @description   变化回调
-     * @type   (value: number | string | null) => void
-     * @default    -
-     */
     onChange?: (value: number | string | null) => void;
-    /**
-     * @description   按下回车的回调
-     * @type  (e: React.KeyboardEvent) => void
-     * @default    -
-     */
     onPressEnter?: (e: React.KeyboardEvent) => void;
-    /**
-     * @description   点击上下箭头的回调
-     * @type  (value: number|string, info: { offset: number|string, type: 'up' | 'down' }) => void
-     * @default    -
-     */
     onStep?: (value: number | string, info: {
         offset: number | string;
         type: 'up' | 'down';
     }) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    id?: string;
+    onBlur?: (e: React.FocusEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
 }

package/dist/InputNumber/type.js

@@ -1 +1,2 @@
-export {};
+// type-only module stub
+export {};

package/dist/InputSearch/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export default function InputSearch(props: IProps): React.JSX.Element;
+import { default as React } from 'react';
+export default function InputSearch(props: IProps): import("react/jsx-runtime").JSX.Element;
 interface IProps {
     /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */
     onSearch: (value: string) => void;
@@ -15,5 +15,6 @@ interface IProps {
     value?: string;
     inputMode?: boolean;
     style?: React.CSSProperties;
+    disabled?: boolean;
 }
 export {};

package/dist/InputSearch/index.js

@@ -1,161 +1,114 @@
-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); }
-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 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) { 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useDebounceFn } from 'ahooks';
-import classnames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
-import { SearchLine } from "../Icon";
-import Input from "../Input";
-import { ELangType, LocaleContext, getTranslator } from "../locale/default";
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/SearchLine.js";
+import { ELangType, LocaleContext, getTranslator } from "../locale/default.js";
+import Input from "../Input/index.js";
+/* empty css             */
+import { useCallback, useContext, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import _ from "lodash";
+import { useDebounceFn } from "ahooks";
+//#region src/InputSearch/index.tsx
 var DEFAULT_SMALL_WIDTH = 68;
 var DEFAULT_WIDTH = 78;
 var DEFAULT_EN_SMALL_WIDTH = 88;
 var DEFAULT_EN_WIDTH = 98;
 var DEFAULT_LARGE_WIDTH = 88;
 var DEFAULT_EN_LARGE_WIDTH = 108;
-export default function InputSearch(props) {
-  var _classnames, _classnames2;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var onSearch = props.onSearch,
-    onChange = props.onChange,
-    className = props.className,
-    _props$debounce = props.debounce,
-    debounce = _props$debounce === void 0 ? true : _props$debounce,
-    placeholder = props.placeholder,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    defaultValue = props.defaultValue,
-    value = props.value,
-    _props$inputMode = props.inputMode,
-    inputMode = _props$inputMode === void 0 ? false : _props$inputMode,
-    style = props.style,
-    _onBlur = props.onBlur;
-  var defaultWidth = useMemo(function () {
-    if (size === 'small') {
-      if (locale === ELangType.EN) {
-        return DEFAULT_EN_SMALL_WIDTH;
-      }
-      return DEFAULT_SMALL_WIDTH;
-    } else if (size === 'middle') {
-      if (locale === ELangType.EN) {
-        return DEFAULT_EN_WIDTH;
-      }
-      return DEFAULT_WIDTH;
-    } else {
-      if (locale === ELangType.EN) {
-        return DEFAULT_EN_LARGE_WIDTH;
-      }
-      return DEFAULT_LARGE_WIDTH;
-    }
-  }, [locale, size]);
+function InputSearch(props) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { onSearch, onChange, className, debounce = true, placeholder, size = "small", defaultValue, value, inputMode = false, style, onBlur, disabled } = props;
+	const defaultWidth = useMemo(() => {
+		if (size === "small") {
+			if (locale === ELangType.EN) return DEFAULT_EN_SMALL_WIDTH;
+			return DEFAULT_SMALL_WIDTH;
+		} else if (size === "middle") {
+			if (locale === ELangType.EN) return DEFAULT_EN_WIDTH;
+			return DEFAULT_WIDTH;
+		} else {
+			if (locale === ELangType.EN) return DEFAULT_EN_LARGE_WIDTH;
+			return DEFAULT_LARGE_WIDTH;
+		}
+	}, [locale, size]);
+	const isControlled = "value" in props;
+	const [searchValue, setSearchValue] = useState(defaultValue || "");
+	const currentValue = isControlled ? value ?? "" : searchValue;
+	const isComposing = useRef(false);
+	const onPressEnter = useCallback((e) => {
+		if (!isComposing.current) onSearch(_.trim(e.target.value));
+	}, [onSearch]);
+	const { run: debounceSearch } = useDebounceFn((val) => {
+		if (!isComposing.current) onSearch(val);
+	}, { wait: 500 });
+	const onChangeValue = useCallback((e) => {
+		const newValue = e.target.value;
+		if (!isControlled) setSearchValue(newValue);
+		else {
+			onChange?.(newValue);
+			return;
+		}
+		if (!isComposing.current) if (debounce && !isControlled) debounceSearch(newValue);
+		else onSearch(newValue);
+	}, [
+		debounce,
+		debounceSearch,
+		onSearch,
+		isControlled,
+		onChange
+	]);
+	const handleCompositionStart = useCallback(() => {
+		isComposing.current = true;
+	}, []);
+	const handleCompositionEnd = useCallback((e) => {
+		if (isControlled) return;
+		isComposing.current = false;
+		const value = e.target.value;
+		if (debounce) debounceSearch(value);
+		else onSearch(value);
+	}, [
+		debounce,
+		debounceSearch,
+		isControlled,
+		onSearch
+	]);
+	const iconSize = useMemo(() => {
+		if (size === "middle" || size === "large") return 20;
+		return 16;
+	}, [size]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-input-search", className, {
+			["input-search-size-small"]: size === "small",
+			["input-search-size-middle"]: size === "middle",
+			["input-search-size-large"]: size === "large"
+		}),
+		style: {
+			...style,
+			"--init-width": (props.initWidth || defaultWidth) + "px"
+		},
+		children: /* @__PURE__ */ jsx(Input, {
+			className: cn({
+				["input-search-has-value"]: currentValue.length !== 0 || inputMode,
+				["input-search-has-content"]: currentValue.length !== 0,
+				["inputMode"]: inputMode
+			}),
+			size,
+			status: "success",
+			onChange: onChangeValue,
+			onPressEnter,
+			onCompositionStart: handleCompositionStart,
+			onCompositionEnd: handleCompositionEnd,
+			prefix: /* @__PURE__ */ jsx(Memo, { size: iconSize }),
+			placeholder: placeholder || t.InputSearch.search,
+			allowClear: true,
+			disabled,
+			...isControlled ? { value: currentValue } : { defaultValue },
+			onBlur: (e) => {
+				if (onBlur) onBlur(currentValue, e);
+			}
+		})
+	});
+}
+//#endregion
+export { InputSearch as default };
 
-  // 判断是否为受控模式
-  var isControlled = ('value' in props);
-  var _useState = useState(defaultValue || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-
-  // 获取当前值：受控模式使用 value，非受控模式使用内部状态
-  var currentValue = isControlled ? value !== null && value !== void 0 ? value : '' : searchValue;
-  var isComposing = useRef(false);
-  var onPressEnter = useCallback(function (e) {
-    if (!isComposing.current) {
-      onSearch(_.trim(e.target.value));
-    }
-  }, [onSearch]);
-  var DEFAULT_DEBOUNCE_TIME = 500;
-  var _useDebounceFn = useDebounceFn(function (val) {
-      if (!isComposing.current) {
-        onSearch(val);
-      }
-    }, {
-      wait: DEFAULT_DEBOUNCE_TIME
-    }),
-    debounceSearch = _useDebounceFn.run;
-  var onChangeValue = useCallback(function (e) {
-    var newValue = e.target.value;
-
-    // 非受控模式才更新内部状态
-    if (!isControlled) {
-      setSearchValue(newValue);
-    } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-      return;
-    }
-    if (!isComposing.current) {
-      // 受控的时候debounce不生效
-      if (debounce && !isControlled) {
-        debounceSearch(newValue);
-      } else {
-        onSearch(newValue);
-      }
-    }
-  }, [debounce, debounceSearch, onSearch, isControlled, onChange]);
-  var handleCompositionStart = useCallback(function () {
-    isComposing.current = true;
-  }, []);
-  var handleCompositionEnd = useCallback(function (e) {
-    if (isControlled) {
-      return;
-    }
-    isComposing.current = false;
-    // 在输入法结束后触发一次搜索
-    var value = e.target.value;
-    if (debounce) {
-      debounceSearch(value);
-    } else {
-      onSearch(value);
-    }
-  }, [debounce, debounceSearch, isControlled, onSearch]);
-  var iconSize = useMemo(function () {
-    if (size === 'middle' || size === 'large') {
-      return 20;
-    }
-    return 16;
-  }, [size]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('ald-input-search', className, (_classnames = {}, _defineProperty(_classnames, 'input-search-size-small', size === 'small'), _defineProperty(_classnames, 'input-search-size-middle', size === 'middle'), _defineProperty(_classnames, 'input-search-size-large', size === 'large'), _classnames)),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      '--init-width': (props.initWidth || defaultWidth) + 'px'
-    })
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    className: classnames((_classnames2 = {}, _defineProperty(_classnames2, 'input-search-has-value', currentValue.length !== 0 || inputMode), _defineProperty(_classnames2, 'input-search-has-content', currentValue.length !== 0), _defineProperty(_classnames2, 'inputMode', inputMode), _classnames2)),
-    size: size
-    // @ts-ignore
-    ,
-    status: 'success',
-    onChange: onChangeValue,
-    onPressEnter: onPressEnter,
-    onCompositionStart: handleCompositionStart,
-    onCompositionEnd: handleCompositionEnd,
-    prefix: /*#__PURE__*/React.createElement(SearchLine, {
-      size: iconSize
-    }),
-    placeholder: placeholder || t.InputSearch.search,
-    allowClear: true
-  }, isControlled ? {
-    value: currentValue
-  } : {
-    defaultValue: defaultValue
-  }, {
-    onBlur: function onBlur(e) {
-      if (_onBlur) {
-        _onBlur(currentValue, e);
-      }
-    }
-  })));
-}
+//# sourceMappingURL=index.js.map

package/dist/InputSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/InputSearch/index.tsx"],"sourcesContent":["import { useDebounceFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { SearchLine } from '../Icon';\nimport Input from '../Input';\nimport { ELangType, LocaleContext, getTranslator } from '../locale/default';\nimport './input-search.css';\n\ninterface ICustomCSSProperties extends React.CSSProperties {\n  '--init-width'?: string;\n}\n\nconst DEFAULT_SMALL_WIDTH = 68;\nconst DEFAULT_WIDTH = 78;\nconst DEFAULT_EN_SMALL_WIDTH = 88;\nconst DEFAULT_EN_WIDTH = 98;\nconst DEFAULT_LARGE_WIDTH = 88;\nconst DEFAULT_EN_LARGE_WIDTH = 108;\n\nexport default function InputSearch(props: IProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    onSearch,\n    onChange,\n    className,\n    debounce = true,\n    placeholder,\n    size = 'small',\n    defaultValue,\n    value,\n    inputMode = false,\n    style,\n    onBlur,\n    disabled,\n  } = props;\n\n  const defaultWidth = useMemo(() => {\n    if (size === 'small') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_SMALL_WIDTH;\n      }\n      return DEFAULT_SMALL_WIDTH;\n    } else if (size === 'middle') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_WIDTH;\n      }\n      return DEFAULT_WIDTH;\n    } else {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_LARGE_WIDTH;\n      }\n      return DEFAULT_LARGE_WIDTH;\n    }\n  }, [locale, size]);\n\n  // 判断是否为受控模式\n  const isControlled = 'value' in props;\n  const [searchValue, setSearchValue] = useState(defaultValue || '');\n\n  // 获取当前值：受控模式使用 value，非受控模式使用内部状态\n  const currentValue = isControlled ? value ?? '' : searchValue;\n\n  const isComposing = useRef(false);\n\n  const onPressEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!isComposing.current) {\n        onSearch(_.trim((e.target as HTMLInputElement).value));\n      }\n    },\n    [onSearch],\n  );\n\n  const DEFAULT_DEBOUNCE_TIME = 500;\n  const { run: debounceSearch } = useDebounceFn<(val: string) => void>(\n    (val) => {\n      if (!isComposing.current) {\n        onSearch(val);\n      }\n    },\n    {\n      wait: DEFAULT_DEBOUNCE_TIME,\n    },\n  );\n\n  const onChangeValue = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n\n      // 非受控模式才更新内部状态\n      if (!isControlled) {\n        setSearchValue(newValue);\n      } else {\n        onChange?.(newValue);\n        return;\n      }\n\n      if (!isComposing.current) {\n        // 受控的时候debounce不生效\n        if (debounce && !isControlled) {\n          debounceSearch(newValue);\n        } else {\n          onSearch(newValue);\n        }\n      }\n    },\n    [debounce, debounceSearch, onSearch, isControlled, onChange],\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLInputElement>) => {\n      if (isControlled) {\n        return;\n      }\n      isComposing.current = false;\n      // 在输入法结束后触发一次搜索\n      const value = (e.target as HTMLInputElement).value;\n      if (debounce) {\n        debounceSearch(value);\n      } else {\n        onSearch(value);\n      }\n    },\n    [debounce, debounceSearch, isControlled, onSearch],\n  );\n\n  const iconSize = useMemo(() => {\n    if (size === 'middle' || size === 'large') {\n      return 20;\n    }\n    return 16;\n  }, [size]);\n\n  return (\n    <div\n      className={cn('ald-input-search', className, {\n        ['input-search-size-small']: size === 'small',\n        ['input-search-size-middle']: size === 'middle',\n        ['input-search-size-large']: size === 'large',\n      })}\n      style={\n        {\n          ...style,\n          '--init-width': (props.initWidth || defaultWidth) + 'px',\n        } as ICustomCSSProperties\n      }\n    >\n      <Input\n        className={cn({\n          ['input-search-has-value']: currentValue.length !== 0 || inputMode,\n          ['input-search-has-content']: currentValue.length !== 0,\n          ['inputMode']: inputMode,\n        })}\n        size={size}\n        // @ts-ignore\n        status={'success'}\n        onChange={onChangeValue}\n        onPressEnter={onPressEnter}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        prefix={<SearchLine size={iconSize} />}\n        placeholder={placeholder || t.InputSearch.search}\n        allowClear\n        disabled={disabled}\n        {...(isControlled\n          ? { value: currentValue }\n          : { defaultValue: defaultValue })}\n        onBlur={(e) => {\n          if (onBlur) {\n            onBlur(currentValue, e);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ninterface IProps {\n  /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */\n  onSearch: (value: string) => void;\n  /** 值变化回调（受控模式时推荐使用，每次输入都触发，包括输入法期间） */\n  onChange?: (value: string) => void;\n  onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;\n  className?: string;\n  // 是否开启防抖\n  debounce?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'middle' | 'large';\n  initWidth?: number;\n  defaultValue?: string;\n  // 受控模式的值\n  value?: string;\n  inputMode?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,sBAAsB;AAC5B,IAAM,gBAAgB;AACtB,IAAM,yBAAyB;AAC/B,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAE/B,SAAwB,YAAY,OAAe;CACjD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UACA,UACA,WACA,WAAW,MACX,aACA,OAAO,SACP,cACA,OACA,YAAY,OACZ,OACA,QACA,aACE;CAEJ,MAAM,eAAe,cAAc;AACjC,MAAI,SAAS,SAAS;AACpB,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;aACE,SAAS,UAAU;AAC5B,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;SACF;AACL,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;;IAER,CAAC,QAAQ,KAAK,CAAC;CAGlB,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,aAAa,kBAAkB,SAAS,gBAAgB,GAAG;CAGlE,MAAM,eAAe,eAAe,SAAS,KAAK;CAElD,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,eAAe,aAClB,MAA6C;AAC5C,MAAI,CAAC,YAAY,QACf,UAAS,EAAE,KAAM,EAAE,OAA4B,MAAM,CAAC;IAG1D,CAAC,SAAS,CACX;CAGD,MAAM,EAAE,KAAK,mBAAmB,eAC7B,QAAQ;AACP,MAAI,CAAC,YAAY,QACf,UAAS,IAAI;IAGjB,EACE,MAR0B,KAS3B,CACF;CAED,MAAM,gBAAgB,aACnB,MAA2C;EAC1C,MAAM,WAAW,EAAE,OAAO;AAG1B,MAAI,CAAC,aACH,gBAAe,SAAS;OACnB;AACL,cAAW,SAAS;AACpB;;AAGF,MAAI,CAAC,YAAY,QAEf,KAAI,YAAY,CAAC,aACf,gBAAe,SAAS;MAExB,UAAS,SAAS;IAIxB;EAAC;EAAU;EAAgB;EAAU;EAAc;EAAS,CAC7D;CAED,MAAM,yBAAyB,kBAAkB;AAC/C,cAAY,UAAU;IACrB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAC1B,MAAgD;AAC/C,MAAI,aACF;AAEF,cAAY,UAAU;EAEtB,MAAM,QAAS,EAAE,OAA4B;AAC7C,MAAI,SACF,gBAAe,MAAM;MAErB,UAAS,MAAM;IAGnB;EAAC;EAAU;EAAgB;EAAc;EAAS,CACnD;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAS,YAAY,SAAS,QAChC,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB,WAAW;IAC1C,4BAA4B,SAAS;IACrC,6BAA6B,SAAS;IACtC,4BAA4B,SAAS;GACvC,CAAC;EACF,OACE;GACE,GAAG;GACH,iBAAiB,MAAM,aAAa,gBAAgB;GACrD;YAGH,oBAAC,OAAD;GACE,WAAW,GAAG;KACX,2BAA2B,aAAa,WAAW,KAAK;KACxD,6BAA6B,aAAa,WAAW;KACrD,cAAc;IAChB,CAAC;GACI;GAEN,QAAQ;GACR,UAAU;GACI;GACd,oBAAoB;GACpB,kBAAkB;GAClB,QAAQ,oBAAC,MAAD,EAAY,MAAM,UAAY,CAAA;GACtC,aAAa,eAAe,EAAE,YAAY;GAC1C,YAAA;GACU;GACV,GAAK,eACD,EAAE,OAAO,cAAc,GACvB,EAAgB,cAAc;GAClC,SAAS,MAAM;AACb,QAAI,OACF,QAAO,cAAc,EAAE;;GAG3B,CAAA;EACE,CAAA"}

package/dist/Layout/index.d.ts

@@ -1,4 +1,29 @@
-import { Layout, SiderProps } from 'antd';
-export type { LayoutProps } from 'antd/lib/layout';
-export type { SiderProps };
+import { default as React } from 'react';
+export interface LayoutProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    hasSider?: boolean;
+}
+export interface SiderProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    width?: number | string;
+    collapsed?: boolean;
+    collapsedWidth?: number | string;
+    collapsible?: boolean;
+    trigger?: React.ReactNode;
+    onCollapse?: (collapsed: boolean) => void;
+    breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    onBreakpoint?: (broken: boolean) => void;
+    theme?: 'light' | 'dark';
+}
+interface LayoutComponent extends React.FC<LayoutProps> {
+    Header: React.FC<LayoutProps>;
+    Footer: React.FC<LayoutProps>;
+    Content: React.FC<LayoutProps>;
+    Sider: React.FC<SiderProps>;
+}
+declare const Layout: LayoutComponent;
 export default Layout;

package/dist/Layout/index.js

@@ -1,2 +1,74 @@
-import { Layout } from 'antd';
-export default Layout;
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Layout/index.tsx
+var Layout = ({ className, style, children, hasSider }) => /* @__PURE__ */ jsx("section", {
+	className: cn("ald-layout tw-flex tw-flex-auto", hasSider ? "tw-flex-row" : "tw-flex-col", className),
+	style,
+	children
+});
+Layout.Header = ({ className, style, children }) => /* @__PURE__ */ jsx("header", {
+	className: cn("ald-layout-header tw-flex-none", className),
+	style,
+	children
+});
+Layout.Footer = ({ className, style, children }) => /* @__PURE__ */ jsx("footer", {
+	className: cn("ald-layout-footer tw-flex-none", className),
+	style,
+	children
+});
+Layout.Content = ({ className, style, children }) => /* @__PURE__ */ jsx("main", {
+	className: cn("ald-layout-content tw-flex-auto", className),
+	style,
+	children
+});
+var breakpointWidths = {
+	xs: 480,
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200,
+	xxl: 1600
+};
+function Sider({ className, style, children, width = 200, collapsed: controlledCollapsed, collapsedWidth = 80, collapsible = false, trigger, onCollapse, breakpoint, onBreakpoint, theme }) {
+	const [internalCollapsed, setInternalCollapsed] = React.useState(false);
+	React.useEffect(() => {
+		if (!breakpoint) return;
+		const mq = window.matchMedia(`(max-width: ${breakpointWidths[breakpoint]}px)`);
+		const handler = (e) => onBreakpoint?.(e.matches);
+		mq.addEventListener("change", handler);
+		onBreakpoint?.(mq.matches);
+		return () => mq.removeEventListener("change", handler);
+	}, [breakpoint, onBreakpoint]);
+	const isCollapsed = controlledCollapsed !== void 0 ? controlledCollapsed : internalCollapsed;
+	const handleToggle = () => {
+		const next = !isCollapsed;
+		if (controlledCollapsed === void 0) setInternalCollapsed(next);
+		onCollapse?.(next);
+	};
+	const showTrigger = collapsible && trigger !== null;
+	return /* @__PURE__ */ jsxs("aside", {
+		className: cn("ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all", theme === "dark" && "tw-bg-[#001529] tw-text-white", className),
+		style: {
+			width: isCollapsed ? collapsedWidth : width,
+			...style
+		},
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "tw-flex-1 tw-overflow-hidden",
+			children
+		}), showTrigger && /* @__PURE__ */ jsx("div", {
+			className: "ald-layout-sider-trigger tw-flex tw-h-12 tw-cursor-pointer tw-items-center tw-justify-center tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]",
+			onClick: handleToggle,
+			children: trigger !== void 0 ? trigger : /* @__PURE__ */ jsx("span", {
+				className: "tw-inline-block tw-text-xs tw-transition-transform",
+				style: { transform: isCollapsed ? "rotate(0deg)" : "rotate(180deg)" },
+				children: "◀"
+			})
+		})]
+	});
+}
+Layout.Sider = Sider;
+//#endregion
+export { Layout as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Layout/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface LayoutProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  hasSider?: boolean;\n}\n\nexport interface SiderProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  width?: number | string;\n  collapsed?: boolean;\n  collapsedWidth?: number | string;\n  collapsible?: boolean;\n  trigger?: React.ReactNode;\n  onCollapse?: (collapsed: boolean) => void;\n  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n  onBreakpoint?: (broken: boolean) => void;\n  theme?: 'light' | 'dark';\n}\n\ninterface LayoutComponent extends React.FC<LayoutProps> {\n  Header: React.FC<LayoutProps>;\n  Footer: React.FC<LayoutProps>;\n  Content: React.FC<LayoutProps>;\n  Sider: React.FC<SiderProps>;\n}\n\nconst Layout: LayoutComponent = ({ className, style, children, hasSider }) => (\n  <section\n    className={cn(\n      'ald-layout tw-flex tw-flex-auto',\n      hasSider ? 'tw-flex-row' : 'tw-flex-col',\n      className,\n    )}\n    style={style}\n  >\n    {children}\n  </section>\n);\n\nLayout.Header = ({ className, style, children }) => (\n  <header\n    className={cn('ald-layout-header tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </header>\n);\n\nLayout.Footer = ({ className, style, children }) => (\n  <footer\n    className={cn('ald-layout-footer tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </footer>\n);\n\nLayout.Content = ({ className, style, children }) => (\n  <main\n    className={cn('ald-layout-content tw-flex-auto', className)}\n    style={style}\n  >\n    {children}\n  </main>\n);\n\nconst breakpointWidths: Record<string, number> = {\n  xs: 480,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nfunction Sider({\n  className,\n  style,\n  children,\n  width = 200,\n  collapsed: controlledCollapsed,\n  collapsedWidth = 80,\n  collapsible = false,\n  trigger,\n  onCollapse,\n  breakpoint,\n  onBreakpoint,\n  theme,\n}: SiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!breakpoint) return;\n    const mq = window.matchMedia(\n      `(max-width: ${breakpointWidths[breakpoint]}px)`,\n    );\n    const handler = (e: MediaQueryListEvent) => onBreakpoint?.(e.matches);\n    mq.addEventListener('change', handler);\n    onBreakpoint?.(mq.matches);\n    return () => mq.removeEventListener('change', handler);\n  }, [breakpoint, onBreakpoint]);\n  const isCollapsed =\n    controlledCollapsed !== undefined ? controlledCollapsed : internalCollapsed;\n\n  const handleToggle = () => {\n    const next = !isCollapsed;\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(next);\n    }\n    onCollapse?.(next);\n  };\n\n  const showTrigger = collapsible && trigger !== null;\n\n  return (\n    <aside\n      className={cn(\n        'ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all',\n        theme === 'dark' && 'tw-bg-[#001529] tw-text-white',\n        className,\n      )}\n      style={{\n        width: isCollapsed ? collapsedWidth : width,\n        ...style,\n      }}\n    >\n      <div className=\"tw-flex-1 tw-overflow-hidden\">{children}</div>\n      {showTrigger && (\n        <div\n          className=\"ald-layout-sider-trigger tw-flex tw-h-12 tw-cursor-pointer tw-items-center tw-justify-center tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]\"\n          onClick={handleToggle}\n        >\n          {trigger !== undefined ? (\n            trigger\n          ) : (\n            <span\n              className=\"tw-inline-block tw-text-xs tw-transition-transform\"\n              style={{\n                transform: isCollapsed ? 'rotate(0deg)' : 'rotate(180deg)',\n              }}\n            >\n              {'\\u25C0'}\n            </span>\n          )}\n        </div>\n      )}\n    </aside>\n  );\n}\n\nLayout.Sider = Sider;\n\nexport default Layout;\n"],"mappings":";;;;AAgCA,IAAM,UAA2B,EAAE,WAAW,OAAO,UAAU,eAC7D,oBAAC,WAAD;CACE,WAAW,GACT,mCACA,WAAW,gBAAgB,eAC3B,UACD;CACM;CAEN;CACO,CAAA;AAGZ,OAAO,UAAU,EAAE,WAAW,OAAO,eACnC,oBAAC,UAAD;CACE,WAAW,GAAG,kCAAkC,UAAU;CACnD;CAEN;CACM,CAAA;AAGX,OAAO,UAAU,EAAE,WAAW,OAAO,eACnC,oBAAC,UAAD;CACE,WAAW,GAAG,kCAAkC,UAAU;CACnD;CAEN;CACM,CAAA;AAGX,OAAO,WAAW,EAAE,WAAW,OAAO,eACpC,oBAAC,QAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CACpD;CAEN;CACI,CAAA;AAGT,IAAM,mBAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN;AAED,SAAS,MAAM,EACb,WACA,OACA,UACA,QAAQ,KACR,WAAW,qBACX,iBAAiB,IACjB,cAAc,OACd,SACA,YACA,YACA,cACA,SACa;CACb,MAAM,CAAC,mBAAmB,wBAAwB,MAAM,SAAS,MAAM;AAEvE,OAAM,gBAAgB;AACpB,MAAI,CAAC,WAAY;EACjB,MAAM,KAAK,OAAO,WAChB,eAAe,iBAAiB,YAAY,KAC7C;EACD,MAAM,WAAW,MAA2B,eAAe,EAAE,QAAQ;AACrE,KAAG,iBAAiB,UAAU,QAAQ;AACtC,iBAAe,GAAG,QAAQ;AAC1B,eAAa,GAAG,oBAAoB,UAAU,QAAQ;IACrD,CAAC,YAAY,aAAa,CAAC;CAC9B,MAAM,cACJ,wBAAwB,SAAY,sBAAsB;CAE5D,MAAM,qBAAqB;EACzB,MAAM,OAAO,CAAC;AACd,MAAI,wBAAwB,OAC1B,sBAAqB,KAAK;AAE5B,eAAa,KAAK;;CAGpB,MAAM,cAAc,eAAe,YAAY;AAE/C,QACE,qBAAC,SAAD;EACE,WAAW,GACT,mFACA,UAAU,UAAU,iCACpB,UACD;EACD,OAAO;GACL,OAAO,cAAc,iBAAiB;GACtC,GAAG;GACJ;YATH,CAWE,oBAAC,OAAD;GAAK,WAAU;GAAgC;GAAe,CAAA,EAC7D,eACC,oBAAC,OAAD;GACE,WAAU;GACV,SAAS;aAER,YAAY,SACX,UAEA,oBAAC,QAAD;IACE,WAAU;IACV,OAAO,EACL,WAAW,cAAc,iBAAiB,kBAC3C;cAEA;IACI,CAAA;GAEL,CAAA,CAEF;;;AAIZ,OAAO,QAAQ"}

package/dist/List/Item.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';
+import { default as React, CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';
 export interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {
     className?: string;
     classNames?: {