starry-sky-ui 0.1.0

package/dist/Input/index.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import './index.scss';
+type InputSize = 'small' | 'middle' | 'large';
+type InputStatus = 'error' | 'warning' | '';
+export interface InputProps {
+    /** 值 */
+    value?: string;
+    /** 默认值（非受控） */
+    defaultValue?: string;
+    /** 值变化回调 */
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 尺寸 */
+    size?: InputSize;
+    /** 前缀图标 */
+    prefix?: React.ReactNode;
+    /** 后缀图标 */
+    suffix?: React.ReactNode;
+    /** 是否显示清除按钮 */
+    allowClear?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 显示字符计数（需配合 maxLength） */
+    showCount?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 输入框类型 */
+    type?: string;
+    /** 键盘事件 */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** 聚焦回调 */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** 失焦回调 */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** 回车回调 */
+    onPressEnter?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** 自动聚焦 */
+    autoFocus?: boolean;
+    /** id */
+    id?: string;
+    /** 名称 */
+    name?: string;
+    /** 状态 */
+    status?: InputStatus;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自动完成 */
+    autoComplete?: string;
+}
+declare const Input: React.FC<InputProps>;
+export default Input;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,cAAc,CAAC;AAEtB,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC9C,KAAK,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,EAAE,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,QAAQ;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3E,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS;IACT,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW;IACX,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW;IACX,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW;IACX,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW;IACX,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW;IACX,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF,WAAW;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS;IACT,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA2BD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0L/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Input/index.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect } from 'react';
+import './index.scss';
+/** 眼睛图标（密码可见） */
+const EyeOpenIcon = () => (_jsxs("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [_jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] })));
+/** 眼睛关闭图标（密码隐藏） */
+const EyeClosedIcon = () => (_jsxs("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [_jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }), _jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }), _jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })] })));
+/** 清除图标 */
+const ClearIcon = () => (_jsxs("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })));
+const Input = ({ value: valueProp, defaultValue = '', onChange, placeholder = '', disabled = false, readOnly = false, size = 'middle', prefix, suffix, allowClear = false, maxLength, showCount = false, className = '', type = 'text', onKeyDown, onFocus, onBlur, onPressEnter, autoFocus, id, name, status = '', style, autoComplete, }) => {
+    const [innerValue, setInnerValue] = useState(defaultValue);
+    const [focused, setFocused] = useState(false);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const inputRef = useRef(null);
+    const value = valueProp !== undefined ? valueProp : innerValue;
+    const isPassword = type === 'password';
+    useEffect(() => {
+        if (autoFocus && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [autoFocus]);
+    const handleChange = useCallback((e) => {
+        const newVal = e.target.value;
+        if (valueProp === undefined)
+            setInnerValue(newVal);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newVal, e);
+    }, [onChange, valueProp]);
+    const handleClear = useCallback((e) => {
+        var _a;
+        e.stopPropagation();
+        if (valueProp === undefined)
+            setInnerValue('');
+        onChange === null || onChange === void 0 ? void 0 : onChange('', null);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [onChange, valueProp]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(value, e);
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }, [onKeyDown, onPressEnter, value]);
+    const handleFocus = useCallback((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = useCallback((e) => {
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur]);
+    const togglePassword = useCallback(() => {
+        setPasswordVisible((v) => !v);
+    }, []);
+    const statusClass = status ? `adui-input-status-${status}` : '';
+    const focusedClass = focused ? 'adui-input-focused' : '';
+    const wrapperClass = [
+        'adui-input-wrapper',
+        `adui-input-${size}`,
+        disabled ? 'adui-input-disabled' : '',
+        readOnly ? 'adui-input-readonly' : '',
+        prefix ? 'adui-input-has-prefix' : '',
+        suffix || allowClear || isPassword ? 'adui-input-has-suffix' : '',
+        statusClass,
+        focusedClass,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const inputType = isPassword && passwordVisible ? 'text' : type;
+    // 渲染后缀区域（清除、密码切换、自定义后缀）
+    const renderSuffix = () => {
+        const items = [];
+        if (isPassword) {
+            items.push(_jsx("button", Object.assign({ type: "button", className: "adui-input-password-toggle", onClick: togglePassword, title: passwordVisible ? '隐藏密码' : '显示密码', "aria-label": passwordVisible ? '隐藏密码' : '显示密码' }, { children: passwordVisible ? _jsx(EyeClosedIcon, {}) : _jsx(EyeOpenIcon, {}) }), "password-toggle"));
+        }
+        if (allowClear && value) {
+            items.push(_jsx("span", Object.assign({ className: "adui-input-clear", onClick: handleClear, role: "button", tabIndex: 0, "aria-label": "\u6E05\u9664\u5185\u5BB9", title: "\u6E05\u9664", onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ')
+                    handleClear(e); } }, { children: _jsx(ClearIcon, {}) }), "clear"));
+        }
+        if (suffix) {
+            items.push(_jsx("span", Object.assign({ className: "adui-input-suffix" }, { children: suffix }), "suffix"));
+        }
+        return items.length > 0 ? items : null;
+    };
+    return (_jsxs("span", Object.assign({ className: wrapperClass, style: style }, { children: [prefix && _jsx("span", Object.assign({ className: "adui-input-prefix" }, { children: prefix })), _jsx("input", { ref: inputRef, id: id, name: name, className: "adui-input", type: inputType, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, maxLength: maxLength, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, autoComplete: autoComplete }), renderSuffix(), showCount && maxLength && (_jsx("span", Object.assign({ className: "adui-input-count", "aria-label": `已输入 ${value.length} 字符，最大 ${maxLength} 字符` }, { children: `${value.length}/${maxLength}` })))] })));
+};
+export default Input;
+//# sourceMappingURL=index.js.map

package/dist/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"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"}

package/dist/Input/index.scss

@@ -0,0 +1,498 @@
+// ---- AdUI Input ----
+// Dark theme, consistent with blog style
+
+$primary: #8b5cf6;
+$text: #e0e0e0;
+$text-secondary: #aaa;
+$text-muted: #555;
+$border: rgba(255, 255, 255, 0.12);
+$bg-input: rgba(255, 255, 255, 0.06);
+$transition: all 0.2s ease;
+$input-radius: 8px;
+$error-color: #ef4444;
+$error-color-dark: #dc2626; // darken($error-color, 5%)
+$warning-color: #f59e0b;
+$warning-color-dark: #d97706; // darken($warning-color, 5%)
+
+/* ============================================
+   Input
+   ============================================ */
+
+.adui-input-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 11px;
+  border: 1px solid $border;
+  border-radius: $input-radius;
+  background: $bg-input;
+  transition: $transition;
+  box-sizing: border-box;
+  width: 100%;
+  // 防止 flex 容器中溢出
+  min-width: 0;
+
+  &:hover {
+    border-color: $primary;
+  }
+
+  &:focus-within,
+  &.adui-input-focused {
+    border-color: $primary;
+    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
+  }
+
+  // ---- 状态: error ----
+  &.adui-input-status-error {
+    border-color: $error-color;
+
+    &:hover {
+      border-color: $error-color-dark;
+    }
+
+    &:focus-within,
+    &.adui-input-focused {
+      border-color: $error-color;
+      box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
+    }
+  }
+
+  // ---- 状态: warning ----
+  &.adui-input-status-warning {
+    border-color: $warning-color;
+
+    &:hover {
+      border-color: $warning-color-dark;
+    }
+
+    &:focus-within,
+    &.adui-input-focused {
+      border-color: $warning-color;
+      box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15);
+    }
+  }
+
+  // ---- 尺寸 ----
+  &.adui-input-small {
+    height: 28px;
+    padding: 0 7px;
+    gap: 4px;
+    .adui-input { font-size: 13px; }
+    .adui-input-prefix,
+    .adui-input-suffix,
+    .adui-input-password-toggle { font-size: 12px; }
+    .adui-input-clear { width: 14px; height: 14px; }
+    .adui-input-clear svg { width: 8px; height: 8px; }
+    .adui-input-count { font-size: 11px; }
+  }
+
+  &.adui-input-middle {
+    height: 36px;
+    padding: 0 11px;
+    gap: 6px;
+    .adui-input { font-size: 14px; }
+    .adui-input-prefix,
+    .adui-input-suffix,
+    .adui-input-password-toggle { font-size: 14px; }
+    .adui-input-clear { width: 16px; height: 16px; }
+    .adui-input-clear svg { width: 10px; height: 10px; }
+    .adui-input-count { font-size: 12px; }
+  }
+
+  &.adui-input-large {
+    height: 44px;
+    padding: 0 14px;
+    gap: 8px;
+    .adui-input { font-size: 16px; }
+    .adui-input-prefix,
+    .adui-input-suffix,
+    .adui-input-password-toggle { font-size: 16px; }
+    .adui-input-clear { width: 18px; height: 18px; }
+    .adui-input-clear svg { width: 11px; height: 11px; }
+    .adui-input-count { font-size: 13px; }
+  }
+
+  // ---- 禁用 ----
+  &.adui-input-disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    .adui-input {
+      cursor: not-allowed;
+      color: $text-muted;
+      // 修复禁用态下 autofill 背景色
+      &:-webkit-autofill,
+      &:-webkit-autofill:hover,
+      &:-webkit-autofill:focus {
+        -webkit-text-fill-color: $text-muted;
+      }
+    }
+
+    &:hover {
+      border-color: $border;
+    }
+  }
+
+  // ---- 只读 ----
+  &.adui-input-readonly {
+    .adui-input {
+      cursor: default;
+    }
+  }
+
+  // ---- 前缀/后缀间距调整 ----
+  &.adui-input-has-prefix {
+    padding-left: 7px;
+  }
+  &.adui-input-has-suffix {
+    padding-right: 7px;
+  }
+}
+
+// ---- 输入框本体 ----
+.adui-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: $text;
+  font-family: inherit;
+  padding: 0;
+  min-width: 0;
+  line-height: 1.5;
+  // 光标颜色与主题色统一
+  caret-color: $primary;
+
+  &::placeholder {
+    color: $text-muted;
+  }
+
+  // Firefox 占位符
+  &::-moz-placeholder {
+    color: $text-muted;
+    opacity: 1;
+  }
+
+  // 文本选中色
+  &::selection {
+    background: rgba(139, 92, 246, 0.3);
+    color: #fff;
+  }
+
+  // 隐藏数字输入框的 spinner
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+
+  // 移除 search 类型的默认样式
+  &::-webkit-search-decoration,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  // ---- 暗色主题 autofill ----
+  &:-webkit-autofill,
+  &:-webkit-autofill:hover,
+  &:-webkit-autofill:focus {
+    -webkit-box-shadow: 0 0 0 1000px rgba(30, 30, 40, 0.95) inset !important;
+    -webkit-text-fill-color: $text !important;
+    caret-color: $primary;
+    transition: background-color 5000s ease-in-out 0s;
+  }
+
+  // Firefox autofill
+  &:autofill {
+    background: rgba(30, 30, 40, 0.95);
+    color: $text;
+  }
+}
+
+// ---- 前缀 ----
+.adui-input-prefix {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: $text-secondary;
+  line-height: 1;
+  transition: color 0.2s ease;
+
+  .adui-input-wrapper:hover & {
+    color: $text;
+  }
+}
+
+// ---- 后缀 ----
+.adui-input-suffix {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: $text-secondary;
+  line-height: 1;
+  transition: color 0.2s ease;
+
+  .adui-input-wrapper:hover & {
+    color: $text;
+  }
+}
+
+// ---- 清除按钮 ----
+.adui-input-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.25);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: all 0.2s;
+  line-height: 1;
+  // 保证图标居中
+  padding: 0;
+  border: none;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.4);
+  }
+
+  svg {
+    display: block;
+  }
+}
+
+// ---- 密码切换 ----
+.adui-input-password-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  line-height: 1;
+  color: $text-secondary;
+  transition: color 0.2s;
+  user-select: none;
+  padding: 0 2px;
+  border: none;
+  background: none;
+  font-size: inherit;
+
+  &:hover {
+    color: $text;
+  }
+
+  svg {
+    display: block;
+    width: 1em;
+    height: 1em;
+  }
+}
+
+// ---- 字符计数 ----
+.adui-input-count {
+  flex-shrink: 0;
+  color: $text-muted;
+  line-height: 1;
+  padding-left: 6px;
+  border-left: 1px solid $border;
+  white-space: nowrap;
+  // 与右侧保持间距
+  margin-left: auto;
+}
+
+/* ============================================
+   Textarea
+   ============================================ */
+
+.adui-textarea-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid $border;
+  border-radius: $input-radius;
+  background: $bg-input;
+  transition: $transition;
+  box-sizing: border-box;
+  // 防止 flex 容器中溢出
+  min-width: 0;
+
+  &:hover {
+    border-color: $primary;
+  }
+
+  &:focus-within {
+    border-color: $primary;
+    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
+  }
+
+  // ---- 状态 ----
+  &.adui-textarea-status-error {
+    border-color: $error-color;
+
+    &:hover { border-color: $error-color-dark; }
+    &:focus-within {
+      border-color: $error-color;
+      box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
+    }
+  }
+
+  &.adui-textarea-status-warning {
+    border-color: $warning-color;
+
+    &:hover { border-color: $warning-color-dark; }
+    &:focus-within {
+      border-color: $warning-color;
+      box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15);
+    }
+  }
+
+  &.adui-textarea-disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    .adui-textarea {
+      cursor: not-allowed;
+    }
+  }
+
+  // ---- 尺寸 ----
+  &.adui-textarea-small {
+    .adui-textarea {
+      font-size: 13px;
+      padding: 6px 8px;
+      min-height: 50px;
+    }
+    .adui-textarea-count { font-size: 11px; }
+    .adui-textarea-footer { padding: 3px 8px 4px; }
+  }
+
+  &.adui-textarea-middle {
+    .adui-textarea {
+      font-size: 14px;
+      padding: 8px 11px;
+      min-height: 60px;
+    }
+    .adui-textarea-count { font-size: 12px; }
+    .adui-textarea-footer { padding: 4px 11px 6px; }
+  }
+
+  &.adui-textarea-large {
+    .adui-textarea {
+      font-size: 16px;
+      padding: 10px 14px;
+      min-height: 80px;
+    }
+    .adui-textarea-count { font-size: 13px; }
+    .adui-textarea-footer { padding: 6px 14px 8px; }
+  }
+}
+
+.adui-textarea {
+  width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: $text;
+  font-family: inherit;
+  resize: vertical;
+  line-height: 1.6;
+  box-sizing: border-box;
+  // 光标颜色与主题色统一
+  caret-color: $primary;
+
+  &::placeholder {
+    color: $text-muted;
+  }
+
+  &::-moz-placeholder {
+    color: $text-muted;
+    opacity: 1;
+  }
+
+  &::selection {
+    background: rgba(139, 92, 246, 0.3);
+    color: #fff;
+  }
+
+  // 暗色主题 autofill
+  &:-webkit-autofill,
+  &:-webkit-autofill:hover,
+  &:-webkit-autofill:focus {
+    -webkit-box-shadow: 0 0 0 1000px rgba(30, 30, 40, 0.95) inset !important;
+    -webkit-text-fill-color: $text !important;
+    transition: background-color 5000s ease-in-out 0s;
+  }
+
+  &:autofill {
+    background: rgba(30, 30, 40, 0.95);
+    color: $text;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  // Firefox 滚动条暗色适配
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255,255,255,0.12) transparent;
+}
+
+.adui-textarea-footer {
+  display: flex;
+  justify-content: flex-end;
+  border-top: 1px solid $border;
+}
+
+.adui-textarea-count {
+  color: $text-muted;
+}
+
+/* ============================================
+   响应式适配
+   ============================================ */
+
+@media (max-width: 576px) {
+  .adui-input-wrapper {
+    // 移动端保持完整功能但缩小触摸区域
+    &.adui-input-middle {
+      height: 38px; // 稍微增大便于触摸
+    }
+    &.adui-input-small {
+      height: 32px;
+    }
+    &.adui-input-large {
+      height: 46px;
+    }
+  }
+
+  .adui-textarea-wrapper {
+    &.adui-textarea-middle {
+      .adui-textarea {
+        padding: 10px 11px;
+        min-height: 70px;
+      }
+    }
+  }
+}
+
+/* ============================================
+   RTL 支持预留
+   ============================================ */
+[dir='rtl'] {
+  .adui-input-count {
+    padding-left: 0;
+    padding-right: 6px;
+    border-left: none;
+    border-right: 1px solid $border;
+  }
+}

package/dist/Message/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import './index.scss';
+type MessageType = 'info' | 'success' | 'error' | 'warning' | 'loading';
+export interface MessageInstance {
+    (): void;
+    then: Promise<void>['then'];
+}
+export interface MessageOpenConfig {
+    type?: MessageType;
+    content: React.ReactNode;
+    duration?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onClose?: () => void;
+}
+export interface MessageGlobalConfig {
+    top?: number;
+    duration?: number;
+    maxCount?: number;
+    getContainer?: () => HTMLElement;
+}
+interface MessageAPI {
+    info(content: React.ReactNode, duration?: number, onClose?: () => void): MessageInstance;
+    success(content: React.ReactNode, duration?: number, onClose?: () => void): MessageInstance;
+    error(content: React.ReactNode, duration?: number, onClose?: () => void): MessageInstance;
+    warning(content: React.ReactNode, duration?: number, onClose?: () => void): MessageInstance;
+    loading(content: React.ReactNode, duration?: number, onClose?: () => void): MessageInstance;
+    open(config: MessageOpenConfig): MessageInstance;
+    config(config: MessageGlobalConfig): void;
+    destroy(): void;
+}
+declare const message: MessageAPI;
+declare const Message: React.FC;
+export { message };
+export default Message;
+//# sourceMappingURL=index.d.ts.map

package/dist/Message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAYxE,MAAM,WAAW,eAAe;IAC9B,IAAI,IAAI,CAAC;IACT,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,WAAW,CAAC;CAClC;AAED,UAAU,UAAU;IAClB,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,eAAe,CAAC;IACzF,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,eAAe,CAAC;IAC5F,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,eAAe,CAAC;IAC1F,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,eAAe,CAAC;IAC5F,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,eAAe,CAAC;IAC5F,IAAI,CAAC,MAAM,EAAE,iBAAiB,GAAG,eAAe,CAAC;IACjD,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C,OAAO,IAAI,IAAI,CAAC;CACjB;AA8FD,QAAA,MAAM,OAAO,EAAE,UA6Bd,CAAC;AAGF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAoGpB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,eAAe,OAAO,CAAC"}