@ioca/react 1.5.17 → 1.5.19

package/lib/types/components/input/type.d.ts

@@ -8,6 +8,7 @@ interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>,
     prepend?: ReactNode;
     append?: ReactNode;
     hideVisible?: boolean;
+    clear?: boolean;
     onClear?: () => void;
 }
 interface ITextarea extends Omit<BaseInput, "ref">, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {

package/lib/types/components/message/index.d.ts

@@ -1,5 +1,7 @@
-import message from './message.js';
+import message, { MessageContainer } from './message.js';
 
+declare const Message: typeof message & {
+    Container: typeof MessageContainer;
+};
 
-
-export { message as default };
+export { MessageContainer, Message as default };

package/lib/types/components/message/message.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { IMessage } from './type.js';
+import { IMessageConfig, IMessage, IMessageContainerProps } from './type.js';
 
-declare function message(config: IMessage | ReactNode): {
+declare function message(config: IMessageConfig | ReactNode): {
     instance: IMessage;
     close: any;
 };
@@ -22,7 +22,8 @@ declare namespace message {
         instance: IMessage;
         close: any;
     };
-    var one: (config: IMessage) => void;
+    var one: (config: IMessageConfig) => void;
 }
+declare function MessageContainer({ align, fromBottom, unshift, gap, offset, duration, }: IMessageContainerProps): any;
 
-export { message as default };
+export { MessageContainer, message as default };

package/lib/types/components/message/type.d.ts

@@ -1,21 +1,34 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 
-interface IMessage {
-    id?: string;
+/** User-facing callable config for message() */
+interface IMessageConfig {
     content?: ReactNode;
-    active?: boolean;
     duration?: number;
-    gap?: number;
-    offset?: string;
-    max?: number;
-    align?: "center" | "left" | "right";
+    style?: CSSProperties;
+    className?: string;
     unshift?: boolean;
     closable?: boolean;
-    timer?: ReturnType<typeof setTimeout>;
-    className?: string;
-    close?: () => void;
     onShow?: () => void;
     onHide?: () => void;
 }
+/** Internal runtime message (extends user config with system fields) */
+interface IMessage extends IMessageConfig {
+    id: string;
+    active: boolean;
+    align?: string;
+    timer?: ReturnType<typeof setTimeout>;
+    close?: () => void;
+}
+/** Props for <Message.Container /> */
+interface IMessageContainerProps {
+    align?: "center" | "left" | "right";
+    fromBottom?: boolean;
+    unshift?: boolean;
+    gap?: number;
+    offset?: string;
+    duration?: number;
+    className?: string;
+    style?: CSSProperties;
+}
 
-export type { IMessage };
+export type { IMessage, IMessageConfig, IMessageContainerProps };

package/lib/types/components/picker/daterange/daterange.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IDateRange } from '../type.js';
+
+declare const DateRange: (props: IDateRange) => react_jsx_runtime.JSX.Element;
+
+export { DateRange as default };

package/lib/types/components/picker/daterange/index.d.ts

@@ -0,0 +1,5 @@
+import DateRange from './daterange.js';
+
+
+
+export { DateRange, DateRange as default };

package/lib/types/components/picker/type.d.ts

@@ -1,6 +1,6 @@
 import { ColorPickerProps } from '@rc-component/color-picker';
+import { ReactNode, CSSProperties } from 'react';
 import { Dayjs } from 'dayjs';
-import { ReactNode } from 'react';
 import { BaseInput } from '../../type/index.js';
 import { IInput } from '../input/type.js';
 import { IPopup } from '../popup/type.js';
@@ -20,6 +20,15 @@ interface IBaseDates {
     onDateClick?: (date: Dayjs) => void;
     disabledDate?: (date: Dayjs) => boolean;
 }
+interface IDateRange extends Omit<IBaseDates, "value" | "onDateClick"> {
+    value?: [string | undefined, string | undefined];
+    placeholder?: string;
+    className?: string;
+    style?: CSSProperties;
+    clear?: boolean;
+    onChange?: (value: [string | undefined, string | undefined]) => void;
+    onClear?: () => void;
+}
 interface ITimePicker extends BaseInput, IInput {
     value?: any;
     format?: string;
@@ -43,4 +52,4 @@ interface IColorPicker extends Omit<ColorPickerProps, "value" | "onChange"> {
     onChange?: (value: any) => void;
 }
 
-export type { IBaseDates, IColorPicker, IDatePicker, ITimePicker };
+export type { IBaseDates, IColorPicker, IDatePicker, IDateRange, ITimePicker };

package/lib/types/index.d.ts

@@ -16,11 +16,12 @@ export { default as Image } from './components/image/image.js';
 export { default as Input } from './components/input/input.js';
 export { default as List } from './components/list/list.js';
 export { default as Loading } from './components/loading/loading.js';
-export { default as Message } from './components/message/message.js';
+export { default as Message } from './components/message/index.js';
 export { default as Modal } from './components/modal/modal.js';
 export { default as Pagination } from './components/pagination/pagination.js';
 export { default as ColorPicker } from './components/picker/colors/index.js';
 export { default as TimePicker } from './components/picker/time/index.js';
+export { default as DateRange } from './components/picker/daterange/daterange.js';
 export { default as DatePicker } from './components/picker/dates/index.js';
 export { default as Popconfirm } from './components/popconfirm/popconfirm.js';
 export { default as Popup } from './components/popup/popup.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ioca/react",
-    "version": "1.5.17",
+    "version": "1.5.19",
     "type": "module",
     "scripts": {
         "dev": "vite",