antd-solid 0.0.11 → 0.0.13

package/es/types/index.d.ts

@@ -1,3 +1,12 @@
-import { type JSXElement } from 'solid-js';
+import { type JSXElement, type JSX } from 'solid-js';
 export type Key = string | number;
-export type StringOrJSXElement = string | number | undefined | null | (() => JSXElement);
+export type StringOrJSXElement = JSXElement | (() => JSXElement);
+export interface StyleProps {
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+export interface RootStyleProps {
+    rootClass?: string;
+    rootStyle?: JSX.CSSProperties;
+}
+export type ComponentSize = 'small' | 'middle' | 'large';

package/es/utils/animation.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 水波动画
+ * @param parent
+ * @param color
+ */
+export declare function wave(parent: HTMLElement, color: string): void;

package/es/utils/animation.js

@@ -0,0 +1,20 @@
+import cs from 'classnames';
+
+/**
+ * 水波动画
+ * @param parent
+ * @param color
+ */
+function wave(parent, color) {
+  const div = document.createElement('div');
+  div.style.color = color;
+  div.className = cs('absolute inset-0 z--1 rounded-inherit border-solid border-[currentColor] keyframes-wave [animation:wave_ease-out_.3s]');
+  const onAnimationEnd = () => {
+    div.remove();
+    div.removeEventListener('animationend', onAnimationEnd);
+  };
+  div.addEventListener('animationend', onAnimationEnd);
+  parent.insertBefore(div, parent.childNodes[0]);
+}
+
+export { wave };

package/es/utils/array.d.ts

@@ -1,9 +1,10 @@
 /**
  * 如果传入一个非数组字段，则将其转化为数组
  * @param value
+ * @param allowNil 如果设置为 false，则 value isNil 的情况下，会返回空数组
  * @returns
  */
-export declare function toArray<T>(value: T | T[]): T[];
+export declare function toArray<T>(value: T | T[], allowNil?: boolean): T[];
 export interface StandardNode {
     children?: this[];
 }

package/es/utils/array.js

@@ -1,9 +1,13 @@
+import { isNil } from 'lodash-es';
+
 /**
  * 如果传入一个非数组字段，则将其转化为数组
  * @param value
+ * @param allowNil 如果设置为 false，则 value isNil 的情况下，会返回空数组
  * @returns
  */
-function toArray(value) {
+function toArray(value, allowNil = true) {
+  if (!allowNil && isNil(value)) return [];
   return Array.isArray(value) ? value : [value];
 }
 /**

package/es/utils/domPoint.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 减法 a-b
+ * @param a
+ * @param b
+ * @returns
+ */
+export declare function subDOMPoint(a: DOMPoint, b: DOMPoint): DOMPoint;

package/es/utils/domPoint.js

@@ -0,0 +1,11 @@
+/**
+ * 减法 a-b
+ * @param a
+ * @param b
+ * @returns
+ */
+function subDOMPoint(a, b) {
+  return new DOMPoint(a.x - b.x, a.y - b.y);
+}
+
+export { subDOMPoint };

package/es/utils/math.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 角度转弧度
+ * @param degrees
+ */
+export declare function degToRad(degrees: number): number;
+/**
+ * 弧度转角度
+ * @param degrees
+ */
+export declare function radToDeg(radian: number): number;
+/**
+ * 获取两个点之间的距离
+ * @param p1
+ * @param p2
+ * @returns
+ */
+export declare function distance(p1: DOMPoint, p2: DOMPoint): number;

package/es/utils/math.js

@@ -0,0 +1,25 @@
+/**
+ * 角度转弧度
+ * @param degrees
+ */
+function degToRad(degrees) {
+  return degrees / 180 * Math.PI;
+}
+/**
+ * 弧度转角度
+ * @param degrees
+ */
+function radToDeg(radian) {
+  return radian / Math.PI * 180;
+}
+/**
+ * 获取两个点之间的距离
+ * @param p1
+ * @param p2
+ * @returns
+ */
+function distance(p1, p2) {
+  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
+}
+
+export { degToRad, distance, radToDeg };

package/es/utils/number.d.ts

@@ -0,0 +1 @@
+export declare function inRange(number: number, start: number, end: number, boundary?: '()' | '[]' | '[)' | '(]'): boolean;

package/es/utils/number.js

@@ -0,0 +1,14 @@
+function inRange(number, start, end, boundary = '[)') {
+  switch (boundary) {
+    case '()':
+      return number > start && number < end;
+    case '[]':
+      return number >= start && number <= end;
+    case '[)':
+      return number >= start && number < end;
+    case '(]':
+      return number > start && number <= end;
+  }
+}
+
+export { inRange };

package/es/utils/setupGlobalDrag.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 设置全局拖动监听器，用于解决：
+ * - 鼠标移到 disabled 元素上后 mouseup 事件丢失
+ * - 拖动过程中误选中文字
+ *
+ * @param onMove - 鼠标移动时触发的回调函数
+ * @param onEnd - 鼠标抬起时触发的回调函数
+ * @param cursor - 拖拽过程中的 style.cursor
+ */
+export declare function setupGlobalDrag(onMove: (e: MouseEvent) => void, onEnd?: (e: MouseEvent) => void, cursor?: string): void;

package/es/utils/setupGlobalDrag.js

@@ -0,0 +1,38 @@
+/**
+ * 设置全局拖动监听器，用于解决：
+ * - 鼠标移到 disabled 元素上后 mouseup 事件丢失
+ * - 拖动过程中误选中文字
+ *
+ * @param onMove - 鼠标移动时触发的回调函数
+ * @param onEnd - 鼠标抬起时触发的回调函数
+ * @param cursor - 拖拽过程中的 style.cursor
+ */
+function setupGlobalDrag(onMove, onEnd, cursor) {
+  const originalPointerEvents = document.body.style.pointerEvents;
+  const originalCursor = document.documentElement.style.cursor;
+  if (cursor) {
+    document.documentElement.style.cursor = cursor;
+  }
+  const abortController = new AbortController();
+  window.addEventListener('mousemove', e => {
+    // 延迟设置 document.body.style.pointerEvents，直到 mousemove 触发，这样才算 drag。避免影响自身及子元素的 click 事件
+    document.body.style.pointerEvents = 'none'; // 防止 mouseup 被 disabled 元素吞掉，以及拖拽时误选中文字等
+    onMove(e);
+  }, {
+    signal: abortController.signal,
+    capture: true
+  });
+  window.addEventListener('mouseup', e => {
+    onEnd?.(e);
+    document.body.style.pointerEvents = originalPointerEvents;
+    if (cursor) {
+      document.documentElement.style.cursor = originalCursor;
+    }
+    abortController.abort();
+  }, {
+    once: true,
+    capture: true
+  });
+}
+
+export { setupGlobalDrag };

package/es/utils/solid.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type JSXElement, type JSX, type Ref } from 'solid-js';
 import { type StringOrJSXElement } from '../types';
 /**
@@ -7,7 +6,6 @@ import { type StringOrJSXElement } from '../types';
  * @returns
  */
 export declare function isBaseType(value: JSXElement): value is string | number | boolean | null | undefined;
-export declare function solidToReact(children: JSXElement): number | boolean | (string & {}) | React.FunctionComponentElement<import("./SolidToReact").SolidToReactProps> | null | undefined;
 export declare function dispatchEventHandlerUnion<T, E extends Event>(handler: JSX.EventHandlerUnion<T, E> | undefined, e: E & {
     currentTarget: T;
     target: Element;
@@ -16,3 +14,5 @@ export declare function unwrapStringOrJSXElement(value: StringOrJSXElement): JSX
 export declare function setRef<T>(props: {
     ref?: Ref<T>;
 }, value: T | null): void;
+export declare function unwrapFunction<T>(value: T | (() => T)): T;
+export declare function isEmptyJSXElement(element: JSXElement): boolean;

package/es/utils/solid.js

@@ -1,7 +1,5 @@
-import React from 'react';
 import { untrack } from 'solid-js';
 import { isNil } from 'lodash-es';
-import SolidToReact from './SolidToReact.js';
 
 /**
  * 判断 JSXElement 是否是基础类型
@@ -11,11 +9,6 @@ import SolidToReact from './SolidToReact.js';
 function isBaseType(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || value === null || value === undefined;
 }
-function solidToReact(children) {
-  return isBaseType(children) ? children : React.createElement(SolidToReact, {
-    children
-  });
-}
 function dispatchEventHandlerUnion(handler, e) {
   if (isNil(handler)) {
     return;
@@ -36,5 +29,11 @@ function setRef(props, value) {
     }
   });
 }
+function unwrapFunction(value) {
+  return typeof value === 'function' ? value() : value;
+}
+function isEmptyJSXElement(element) {
+  return element === undefined || element === null || typeof element === 'boolean' || element === '' || Array.isArray(element) && element.length === 0;
+}
 
-export { dispatchEventHandlerUnion, isBaseType, setRef, solidToReact, unwrapStringOrJSXElement };
+export { dispatchEventHandlerUnion, isBaseType, isEmptyJSXElement, setRef, unwrapFunction, unwrapStringOrJSXElement };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "antd-solid",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "",
-  "main": "src/index.ts",
+  "main": "dist/index.esm.js",
   "types": "es/index.d.ts",
   "type": "module",
   "devDependencies": {
@@ -14,8 +14,6 @@
     "@solidjs/testing-library": "^0.7.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/lodash-es": "^4.17.7",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
     "@typescript-eslint/eslint-plugin": "^6.16.0",
     "@typescript-eslint/parser": "^6.16.0",
     "@unocss/cli": "^0.51.8",
@@ -35,6 +33,7 @@
     "husky": "^8.0.3",
     "jsdom": "^21.1.1",
     "lint-staged": "^15.2.0",
+    "prettier": "^3.2.4",
     "rollup": "^3.21.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-import-css": "^3.2.1",
@@ -43,23 +42,24 @@
     "sass": "^1.69.6",
     "typescript": "^5.1.6",
     "vite-plugin-solid": "^2.7.0",
-    "vitepress": "1.0.0-rc.4",
+    "vitepress": "1.3.4",
     "vitest": "^0.30.1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@ant-design/colors": "^7.0.2",
+    "@ctrl/tinycolor": "^4.1.0",
     "antd": "^5.10.2",
     "classnames": "^2.3.2",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.0.1",
+    "number-precision": "^1.6.0",
     "prismjs": "^1.29.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "solid-js": "^1.8.7",
+    "solid-js": "^1.9.7",
     "solid-transition-group": "^0.2.3",
-    "yup": "^1.2.0"
+    "yup": "^1.6.1"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx}": [
@@ -70,8 +70,7 @@
   "files": [
     "dist",
     "es",
-    "css",
-    "src"
+    "css"
   ],
   "scripts": {
     "docs:dev": "vitepress dev docs",

package/es/Button.d.ts

@@ -1,19 +0,0 @@
-import { type Component, type ParentProps, type JSX } from 'solid-js';
-interface ButtonProps extends ParentProps, JSX.CustomAttributes<HTMLButtonElement> {
-    type?: 'default' | 'primary' | 'dashed' | 'text' | 'link';
-    onClick?: ((e: MouseEvent) => void) | ((e: MouseEvent) => Promise<unknown>);
-    /**
-     * 默认: middle
-     * plain: 没有多余的 padding 和高度等
-     */
-    size?: 'large' | 'middle' | 'small' | 'plain';
-    class?: string;
-    style?: JSX.CSSProperties;
-    loading?: boolean;
-    /**
-     * 设置危险按钮
-     */
-    danger?: boolean;
-}
-declare const Button: Component<ButtonProps>;
-export default Button;

package/es/Button.js

@@ -1,73 +0,0 @@
-import { delegateEvents, use, insert, createComponent, effect, className, style, template } from 'solid-js/web';
-import { mergeProps, createSignal, createMemo, Show } from 'solid-js';
-import cs from 'classnames';
-
-const _tmpl$ = /*#__PURE__*/template(`<span class="i-ant-design:loading ant-[vertical-align:-0.125em] keyframes-spin ant-[animation:spin_1s_linear_infinite] ant-mr-8px">`),
-  _tmpl$2 = /*#__PURE__*/template(`<button><span>`);
-const sizeClassMap = {
-  large: 'ant-px-15px ant-py-6px ant-h-40px ant-rounded-8px',
-  middle: 'ant-px-15px ant-py-4px ant-h-32px ant-rounded-6px',
-  small: 'ant-px-7px ant-h-24px ant-rounded-4px',
-  plain: 'ant-p-0'
-};
-const typeClassMap = {
-  default: danger => cs('ant-bg-white', danger ? 'ant-[border:1px_solid_var(--ant-color-error)] ant-text-[var(--ant-color-error)] hover:ant-[border-color:var(--light-error-color)] hover:ant-text-[var(--light-error-color)] active:ant-[border-color:var(--dark-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-[border:1px_solid_var(--ant-color-border)] ant-text-[var(--dark-color)] hover:ant-[border-color:var(--light-primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-[border-color:var(--dark-primary-color)] active:ant-text-[var(--dark-primary-color)]'),
-  primary: danger => cs('ant-text-white', danger ? 'ant-[border:1px_solid_var(--ant-color-error)] ant-bg-[var(--ant-color-error)] hover:ant-[border-color:var(--light-error-color)] hover:ant-bg-[var(--light-error-color)] active:ant-[border-color:var(--dark-error-color)] active:ant-bg-[var(--dark-error-color)]' : 'ant-[border:1px_solid_var(--primary-color)] ant-bg-[var(--primary-color)] hover:ant-[border-color:var(--light-primary-color)] hover:ant-bg-[var(--light-primary-color)] active:ant-[border-color:var(--dark-primary-color)] active:ant-bg-[var(--dark-primary-color)]'),
-  dashed: danger => cs(' ant-bg-white', danger ? 'ant-[border:1px_dashed_var(--ant-color-error)] ant-text-[var(--ant-color-error)] hover:ant-[border-color:var(--light-error-color)] hover:ant-text-[var(--light-error-color)] active:ant-[border-color:var(--dark-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-[border:1px_dashed_var(--ant-color-border)] ant-text-[var(--dark-color)] hover:ant-[border-color:var(--light-primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-[border-color:var(--dark-primary-color)] active:ant-text-[var(--dark-primary-color)]'),
-  text: danger => cs('ant-border-none ant-bg-transparent', danger ? 'ant-text-[var(--ant-color-error)] hover:ant-bg-[var(--error-bg-color)] active:ant-bg-[var(--error-bg-color)]' : 'ant-text-[var(--dark-color)] hover:ant-bg-[rgba(0,0,0,0.06)] active:ant-bg-[rgba(0,0,0,.15)]'),
-  link: danger => cs('ant-border-none ant-bg-transparent', danger ? 'ant-text-[var(--ant-color-error)] hover:ant-text-[var(--light-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-text-[var(--primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-text-[var(--dark-primary-color)]')
-};
-const Button = props => {
-  const mergedProps = mergeProps({
-    type: 'default',
-    size: 'middle'
-  }, props);
-  const [innerLoading, setLoading] = createSignal(false);
-  const loading = createMemo(() => props.loading ?? innerLoading());
-  return (() => {
-    const _el$ = _tmpl$2(),
-      _el$3 = _el$.firstChild;
-    _el$.$$click = e => {
-      const res = mergedProps.onClick?.(e);
-      if (res instanceof Promise) {
-        setLoading(true);
-        res.finally(() => setLoading(false));
-      }
-      if (mergedProps.type === 'default' || mergedProps.type === 'primary' || mergedProps.type === 'dashed') {
-        const div = document.createElement('div');
-        div.className = cs(props.danger ? 'ant-[--color:var(--light-error-color)]' : 'ant-[--color:var(--light-primary-color)]', 'ant-absolute ant-inset-0 ant-rounded-inherit ant-[background:radial-gradient(var(--color),rgba(0,0,0,0))] ant-z--1 ant-keyframes-button-border[inset:0px][inset:-6px] ant-[animation:button-border_ease-out_0.3s]');
-        const onAnimationEnd = () => {
-          div.remove();
-          div.removeEventListener('animationend', onAnimationEnd);
-        };
-        div.addEventListener('animationend', onAnimationEnd);
-        e.currentTarget.insertBefore(div, e.currentTarget.childNodes[0]);
-      }
-    };
-    const _ref$ = mergedProps.ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : mergedProps.ref = _el$;
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return loading();
-      },
-      get children() {
-        return _tmpl$();
-      }
-    }), _el$3);
-    insert(_el$3, () => mergedProps.children);
-    effect(_p$ => {
-      const _v$ = cs('ant-relative ant-cursor-pointer', 'focus-visible:ant-[outline:4px_solid_var(--ant-color-primary-border)] focus-visible:ant-[outline-offset:1px]', mergedProps.class, sizeClassMap[mergedProps.size], typeClassMap[mergedProps.type](props.danger ?? false), loading() && 'ant-opacity-65', 'ant-[--color:--light-primary-color]'),
-        _v$2 = mergedProps.style;
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-export { Button as default };

package/es/ColorPicker.d.ts

@@ -1,8 +0,0 @@
-import { type Color } from 'antd/es/color-picker';
-export interface ColorPickerProps {
-    defaultValue?: string | Color;
-    value?: string | Color;
-    onChange?: (value: Color, hex: string) => void;
-}
-declare const _default: (props: import("antd").ColorPickerProps) => import("solid-js").JSX.Element;
-export default _default;

package/es/ColorPicker.js

@@ -1,6 +0,0 @@
-import { ColorPicker as ColorPicker$1 } from 'antd';
-import { reactToSolidComponent } from './utils/component.js';
-
-var ColorPicker = reactToSolidComponent(ColorPicker$1);
-
-export { ColorPicker as default };

package/es/Compact.d.ts

@@ -1,12 +0,0 @@
-import { type ParentProps } from 'solid-js';
-interface CompactProps extends ParentProps {
-}
-declare function Compact(props: CompactProps): import("solid-js").JSX.Element;
-declare namespace Compact {
-    var compactItemClass: string;
-    var compactItemRounded0Class: string;
-    var compactItemRoundedLeftClass: string;
-    var compactItemRoundedRightClass: string;
-    var compactItemZIndexClass: string;
-}
-export default Compact;

package/es/Compact.js

@@ -1,17 +0,0 @@
-import { insert, template } from 'solid-js/web';
-
-const _tmpl$ = /*#__PURE__*/template(`<div class="ant-compact ant-flex">`);
-function Compact(props) {
-  return (() => {
-    const _el$ = _tmpl$();
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-}
-Compact.compactItemClass = 'p[.ant-compact]:ant-ml--1px';
-Compact.compactItemRounded0Class = 'p[.ant-compact>*]:ant-rounded-0';
-Compact.compactItemRoundedLeftClass = 'p[.ant-compact>:first-child]:ant-rounded-l-6px';
-Compact.compactItemRoundedRightClass = 'p[.ant-compact>:last-child]:ant-rounded-r-6px';
-Compact.compactItemZIndexClass = 'p[.ant-compact>*]:focus:ant-z-10 p[.ant-compact>*]:focus-within:ant-z-10';
-
-export { Compact as default };

package/es/DatePicker.d.ts

@@ -1,19 +0,0 @@
-import { type DatePickerProps, type RangePickerProps } from 'antd/es/date-picker';
-declare const RangePicker: import("solid-js").Component<Omit<RangePickerProps & {
-    dropdownClassName?: string | undefined;
-    popupClassName?: string | undefined;
-    rootClassName?: string | undefined;
-}, "className"> & {
-    class?: string | undefined;
-}>;
-declare const DatePicker: import("solid-js").Component<Omit<DatePickerProps & {
-    status?: '' | 'error' | 'warning' | undefined;
-    hashId?: string | undefined;
-    popupClassName?: string | undefined;
-    rootClassName?: string | undefined;
-}, "className"> & {
-    class?: string | undefined;
-}> & {
-    RangePicker: typeof RangePicker;
-};
-export default DatePicker;

package/es/DatePicker.js

@@ -1,9 +0,0 @@
-import { DatePicker as DatePicker$1 } from 'antd';
-import { replaceClassName, reactToSolidComponent } from './utils/component.js';
-
-const RangePicker = replaceClassName(reactToSolidComponent(DatePicker$1.RangePicker));
-const _DatePicker = replaceClassName(reactToSolidComponent(DatePicker$1));
-const DatePicker = _DatePicker;
-DatePicker.RangePicker = RangePicker;
-
-export { DatePicker as default };

package/es/Image.d.ts

@@ -1,9 +0,0 @@
-import { type JSXElement } from 'solid-js';
-declare const _Image: import("solid-js").Component<Omit<import("antd").ImageProps, "className"> & {
-    class?: string | undefined;
-}>;
-type ImageProps = Omit<Parameters<typeof _Image>[0], 'placeholder'> & {
-    placeholder?: JSXElement;
-};
-declare function Image(_props: ImageProps): import("solid-js").JSX.Element;
-export default Image;

package/es/Image.js

@@ -1,22 +0,0 @@
-import { createComponent, mergeProps, template } from 'solid-js/web';
-import { Image as Image$1 } from 'antd';
-import { replaceClassName, reactToSolidComponent, configProvider } from './utils/component.js';
-import { solidToReact } from './utils/solid.js';
-import { createMemo } from 'solid-js';
-import { mapValues } from 'lodash-es';
-
-const _tmpl$ = /*#__PURE__*/template(`<div class="ant-inline-flex">`);
-const _Image = replaceClassName(reactToSolidComponent(configProvider(Image$1), () => _tmpl$()));
-function Image(_props) {
-  const props = createMemo(() => mapValues(_props, (value, key) => {
-    switch (key) {
-      case 'placeholder':
-        return solidToReact(value);
-      default:
-        return value;
-    }
-  }));
-  return createComponent(_Image, mergeProps(props));
-}
-
-export { Image as default };

package/es/Input.d.ts

@@ -1,29 +0,0 @@
-import type { JSX, JSXElement, Component } from 'solid-js';
-type CommonInputProps<T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement> = JSX.CustomAttributes<T> & {
-    textarea?: boolean;
-    defaultValue?: string | undefined;
-    value?: string | undefined;
-    addonBefore?: JSXElement;
-    addonAfter?: JSXElement;
-    prefix?: JSXElement;
-    suffix?: JSXElement;
-    placeholder?: string;
-    /**
-     * 仅供 InputNumber 使用
-     */
-    actions?: JSXElement;
-    /**
-     * 设置校验状态
-     */
-    status?: 'error' | 'warning';
-    onChange?: JSX.InputEventHandler<T, InputEvent>;
-    onPressEnter?: JSX.EventHandler<T, KeyboardEvent>;
-    onKeyDown?: JSX.EventHandler<T, KeyboardEvent>;
-};
-export declare function CommonInput<T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(props: CommonInputProps<T> & Omit<JSX.InputHTMLAttributes<T>, 'onChange' | 'onInput' | 'onKeyDown'>): JSX.Element;
-export type InputProps = Omit<CommonInputProps, 'actions' | 'textarea'> & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onInput' | 'onKeyDown'>;
-export type TextAreaProps = Omit<CommonInputProps<HTMLTextAreaElement>, 'prefix' | 'suffix' | 'textarea'> & Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, 'actions' | 'onChange' | 'onInput' | 'onKeyDown'>;
-declare const Input: Component<InputProps> & {
-    TextArea: Component<TextAreaProps>;
-};
-export default Input;