@alifd/chat 0.3.40-beta.0 → 0.3.40-beta.2

package/es/tag/main.scss

@@ -2,8 +2,24 @@
 @import "../core/variables.scss";
 
 .#{$prefix}tag {
-
-  &.#{$prefix}tag {
-      border-color: transparent;
-  }
+    &.#{$prefix}tag {
+        border-color: transparent;
+    }
 }
+
+.#{$prefix}tag-group {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--s-2, 8px);
+    padding-left: var(--s-2, 8px);
+    flex-wrap: wrap;
+
+    &-medium {
+        margin: 3px 0;
+    }
+
+    &.#{$prefix}field-wrapper-horizontal {
+        display: flex;
+        align-items: center;
+    }
+}

package/es/tag/types.d.ts

@@ -1,6 +1,61 @@
+import type * as React from 'react';
 import type { TagCurrentProps as FusionTagProps } from '@alifd/next/types/tag/types';
 /**
  * @api Tag
  */
 export interface TagProps extends FusionTagProps {
 }
+export interface TagItem {
+    /**
+     * 标签内容
+     * @en Tag content
+     */
+    label: React.ReactNode;
+    /**
+     * 标签类型
+     * @en Tag type
+     */
+    type?: 'normal' | 'primary';
+    /**
+     * 标签颜色
+     * @en Tag color
+     */
+    color?: string;
+    /**
+     * 是否可关闭
+     * @en Whether the tag is closable
+     */
+    closable?: boolean;
+    /**
+     * 标签尺寸
+     * @en Tag size
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * @api TagGroup
+ */
+export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 标签数据源
+     * @en Data source for tags
+     */
+    dataSource?: TagItem[];
+    /**
+     * 标签被关闭时的回调
+     * @en Callback when tag is closed
+     */
+    onClose?: (item: TagItem, index: number) => void;
+    /**
+     * 标签组中的标签列表
+     * @en Tags in the group
+     */
+    children?: React.ReactNode;
+    /**
+     * 标签组尺寸
+     * @en Size of the tag group
+     * @defaultValue 'medium'
+     * @remarks 可选值：'small' | 'medium' | 'large'
+     */
+    size?: 'small' | 'medium' | 'large';
+}

package/es/text/index.js

@@ -119,7 +119,7 @@ function useCollapseText({ enable, boxRef, textRef, maxLine, placeholder = '...'
             return;
         }
         const lineHeight = getLineHeight(text);
-        const newCanCollapse = box.offsetHeight > maxLine * lineHeight;
+        const newCanCollapse = box.offsetHeight > maxLine * lineHeight + 2;
         if (canCollapse !== newCanCollapse) {
             setCanCollapse(newCanCollapse);
         }

package/es/text/main.scss

@@ -1,7 +1,10 @@
 @import '../core/variables.scss';
 
 .#{$prefix}text {
-    display: inline-block;
+    line-height: var(--common-text-line-height);
+    vertical-align: middle;
+    display: flex;
+    color: var(--color-text1-4, #333333);
 
     &-inner {
     }

package/es/text/types.d.ts

@@ -1,6 +1,14 @@
 import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
 export type HTMLAttributesWeak = Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * 触发类型
+ * @api
+ */
 export type TriggerType = 'click' | 'hover';
+/**
+ * 文本组件属性
+ * @api
+ */
 export interface TextProps extends HTMLAttributesWeak {
     maxLine?: number;
     visible?: boolean;

package/es/time-picker/index.d.ts

@@ -2,22 +2,13 @@
  * @component 时间选择器
  * @en TimePicker
  * @type 通用 - General
- * @remarks 同 Next TimePicker，按钮用于开始一个即时操作。- Same as Next.Button, Button used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Buttons are used for emphasizing important functions on your page.
- * @others
- * ## 无障碍键盘操作指南
- * | 按键    | 说明          |
- * | :---- | :---------- |
- * | Enter | 触发 onClick 事件 |
- * | SPACE | 触发 onClick 事件 |
- * @othersEn
- * ## ARIA and KeyBoard
- * | KeyBoard          | Description                              |
- * | :---------- | :------------------------------ |
- * | Enter       | Trigger the onClick event    |
- * | SPACE       | Trigger the onClick event    |
  */
 import React from 'react';
+import type { RangePickerProps, TimePickerProps } from './types';
+declare const RangePicker: React.ForwardRefExoticComponent<Pick<Omit<RangePickerProps, "label" | "required"> & React.RefAttributes<HTMLDivElement> & import("../utils").WithLabelProps, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "format" | "mode" | "disabledTime" | "hourStep" | "minuteStep" | "secondStep"> & React.RefAttributes<any>>;
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<any>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, any, {}>;
+export { RangePicker };
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<Omit<TimePickerProps, "label" | "required"> & React.RefAttributes<HTMLDivElement> & import("../utils").WithLabelProps, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "format" | "mode" | "disabledTime" | "hourStep" | "minuteStep" | "secondStep"> & React.RefAttributes<any>, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "format" | "mode" | "disabledTime" | "hourStep" | "minuteStep" | "secondStep"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, any, {}> & {
+    RangePicker: React.ForwardRefExoticComponent<Pick<Omit<RangePickerProps, "label" | "required"> & React.RefAttributes<HTMLDivElement> & import("../utils").WithLabelProps, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "format" | "mode" | "disabledTime" | "hourStep" | "minuteStep" | "secondStep"> & React.RefAttributes<any>>;
+};
 export default _default;

package/es/time-picker/index.js

@@ -2,34 +2,16 @@
  * @component 时间选择器
  * @en TimePicker
  * @type 通用 - General
- * @remarks 同 Next TimePicker，按钮用于开始一个即时操作。- Same as Next.Button, Button used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Buttons are used for emphasizing important functions on your page.
- * @others
- * ## 无障碍键盘操作指南
- * | 按键    | 说明          |
- * | :---- | :---------- |
- * | Enter | 触发 onClick 事件 |
- * | SPACE | 触发 onClick 事件 |
- * @othersEn
- * ## ARIA and KeyBoard
- * | KeyBoard          | Description                              |
- * | :---------- | :------------------------------ |
- * | Enter       | Trigger the onClick event    |
- * | SPACE       | Trigger the onClick event    |
  */
 import { __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import { TimePicker2 as NextTimePicker2, Select as NextSelect, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import dayjs from 'dayjs';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-// Todo: ComponentInstance 与 CombinedProps 类型补全
-// type ComponentInstance = InstanceType<typeof NextTimePicker> | InstanceType<typeof NextSelect>;
-// type CombinedProps = TimePickerProps & SelectProps & {
-//     mode: 'timePicker' | 'select';
-// };
-const TimePicker = forwardRef((_a, ref) => {
-    var { className, size = 'small', mode = 'normal' } = _a, props = __rest(_a, ["className", "size", "mode"]);
+import { PREFIX_DEFAULT, assignSubComponent, withLabel } from '../utils';
+const BasePicker = forwardRef((_a) => {
+    var _b;
+    var { className, size = 'medium', mode = 'normal' } = _a, props = __rest(_a, ["className", "size", "mode"]);
     const getTimeArray = () => {
         const now = dayjs();
         const TODAY = now.hour(0).minute(0).second(0);
@@ -66,14 +48,79 @@ const TimePicker = forwardRef((_a, ref) => {
     };
     if (mode === 'dingtalk') {
         const { format, hourStep, minuteStep, secondStep, disabledTime } = props, otherProps = __rest(props, ["format", "hourStep", "minuteStep", "secondStep", "disabledTime"]);
-        return (React.createElement(NextSelect, Object.assign({}, otherProps, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), value: formatSelectValue(), size: size, ref: ref }), getTimeArray().map((time, index) => (React.createElement(NextSelect.Option, { disabled: disabledTime ? disabledTime(time.value) : false, value: time.value, key: index }, time.label)))));
+        return (React.createElement(NextSelect, Object.assign({}, otherProps, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), value: formatSelectValue(), 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onChange: props.onChange, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            defaultValue: props.defaultValue, state: props.state !== 'warning' && props.state ? props.state : undefined, size: size }), (_b = getTimeArray()) === null || _b === void 0 ? void 0 : _b.map((time, index) => (React.createElement(NextSelect.Option, { disabled: disabledTime ? disabledTime(time.value) : false, value: time.value, key: index }, time.label)))));
     }
     else {
-        return (React.createElement(NextTimePicker2, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), size: size, ref: ref })));
+        return (React.createElement(NextTimePicker2
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        , Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), size: size, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            defaultValue: props.defaultValue, state: props.state })));
     }
 });
+const BaseRangePicker = forwardRef((_a) => {
+    var _b;
+    var { className, size = 'medium', mode = 'normal', state } = _a, props = __rest(_a, ["className", "size", "mode", "state"]);
+    const getTimeArray = () => {
+        const now = dayjs();
+        const TODAY = now.hour(0).minute(0).second(0);
+        const TOMORROW = dayjs(TODAY).add(1, 'day');
+        const { format = 'HH:mm', hourStep = 0, minuteStep = 0, secondStep = 0, } = props;
+        let todayClone = dayjs(TODAY);
+        const timeArray = [];
+        while (todayClone.isBefore(TOMORROW)) {
+            timeArray.push({
+                label: todayClone.format(format),
+                value: todayClone.format(format),
+            });
+            if (hourStep > 0) {
+                todayClone = todayClone.add(hourStep, 'hour');
+            }
+            else if (minuteStep > 0) {
+                todayClone = todayClone.add(minuteStep, 'minute');
+            }
+            else if (secondStep > 0) {
+                todayClone = todayClone.add(secondStep, 'second');
+            }
+            else {
+                break;
+            }
+        }
+        return timeArray;
+    };
+    const formatSelectValue = () => {
+        const { value, format = 'HH:mm' } = props;
+        return value === null || value === void 0 ? void 0 : value.map((v) => ({
+            label: dayjs(v).format(format),
+            value: dayjs(v).format(format),
+        }));
+    };
+    if (mode === 'dingtalk') {
+        const { format, hourStep, minuteStep, secondStep, disabledTime } = props, otherProps = __rest(props, ["format", "hourStep", "minuteStep", "secondStep", "disabledTime"]);
+        return (React.createElement(NextSelect, Object.assign({}, otherProps, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), value: formatSelectValue(), size: size, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onChange: props.onChange, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            defaultValue: props.defaultValue, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            placeholder: props.placeholder || ['开始时间', '结束时间'], mode: "multiple" }), (_b = getTimeArray()) === null || _b === void 0 ? void 0 : _b.map((time, index) => (React.createElement(NextSelect.Option, { disabled: disabledTime ? disabledTime(time.value) : false, value: time.value, key: index }, time.label)))));
+    }
+    else {
+        return (React.createElement(NextTimePicker2.RangePicker
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        , Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}time-picker2`, className), state: state, size: size })));
+    }
+});
+const TimePicker = withLabel(BasePicker);
+const RangePicker = withLabel(BaseRangePicker);
 const TimePickerWithSub = assignSubComponent(TimePicker, {
     displayName: 'TimePicker',
+    RangePicker
 });
 export * from './types';
+export { RangePicker };
 export default ConfigProvider.config(TimePickerWithSub);

package/es/time-picker/main.scss

@@ -2,5 +2,23 @@
 @import "../core/variables.scss";
 
 .#{$prefix}time-picker2 {
-  
+  .next-time-picker2-trigger {
+    width: 100%;
+    position: relative;
+    padding-right: var(--input-control-padding-right, 22px);
+  }
+
+  .next-time-picker2-input-separator {
+    color: var(--color-text1-2, #A0A3A8);
+  }
+
+  .next-input-control {
+    position: absolute;
+    right: var(--input-control-right, 2px);
+    top: var(--input-control-top, 10px);
+  }
+
+  &.next-select-multiple .next-select-trigger-search {
+    margin-bottom: 2px;
+  }
 }

package/es/time-picker/style.d.ts

@@ -1,2 +1,3 @@
 import '@alifd/next/lib/time-picker2/style2';
 import '@alifd/next/lib/select/style2';
+import './main.scss';

package/es/time-picker/style.js

@@ -1,2 +1,3 @@
 import '@alifd/next/lib/time-picker2/style2';
 import '@alifd/next/lib/select/style2';
+import './main.scss';

package/es/time-picker/types.d.ts

@@ -1,20 +1,145 @@
 import type React from 'react';
-type HTMLAttributesWeak = Omit<React.ButtonHTMLAttributes<HTMLElement>, 'type' | 'onClick'>;
+import type { CommonProps } from '@alifd/next';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'size' | 'value' | 'defaultValue' | 'placeholder'>;
 /**
- * @api TimePicker
+ * 时间选择器尺寸
+ * @api
+ */
+export type TimePickerSize = 'small' | 'medium' | 'large';
+/**
+ * 时间选择器通用属性
+ * @api
  */
-export interface TimePickerProps extends HTMLAttributesWeak {
+interface TimePickerCommonProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 选择器尺寸
+     * @en Size of time picker
+     * @defaultValue 'medium'
+     */
+    size?: TimePickerSize;
+    /**
+     * 标签文本
+     * @en Label text
+     */
+    label?: string;
+    /**
+     * 禁用时间的函数
+     * @en Function to disable time options
+     * @param timeStr - 时间字符串，格式由 format 属性决定
+     * @returns 是否禁用该时间
+     * @skip
+     */
+    disabledTime?: (timeStr: string) => boolean;
     /**
      * 采用模式
-     * @en mode of time-picker
+     * @en Mode of time picker
      * @defaultValue 'normal'
      */
     mode?: 'normal' | 'dingtalk';
     /**
-     * 时间选择器其他属性
-     * @en key of time-picker
-     * @defaultValue 'medium'
+     * 时间格式
+     * @en Time format
+     * @defaultValue 'HH:mm'
+     */
+    format?: string;
+    /**
+     * 小时步进
+     * @en Hour step
+     */
+    hourStep?: number;
+    /**
+     * 分钟步进
+     * @en Minute step
+     */
+    minuteStep?: number;
+    /**
+     * 秒钟步进
+     * @en Second step
+     */
+    secondStep?: number;
+    /**
+     * 状态
+     * @en State of time picker
+     */
+    state?: 'error' | 'warning';
+    /**
+     * 是否禁用
+     * @en Whether is disabled
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * 是否必选
+     * @en Whether is required
+     * @defaultValue false
+     */
+    required?: boolean;
+    /**
+     * 自定义类名
+     * @en Custom className
+     * @skip
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     * @en Custom style
+     * @skip
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * @api TimePicker
+ */
+export interface TimePickerProps extends TimePickerCommonProps {
+    /**
+     * 时间值
+     * @en Selected time
+     */
+    value?: Date | null;
+    /**
+     * 默认时间值
+     * @en Default time
+     */
+    defaultValue?: Date | null;
+    /**
+     * 时间值改变时的回调
+     * @en Callback when time changes
+     */
+    onChange?: (date: Date | null, dateString: string) => void;
+    /**
+    * 占位符
+    * @en Placeholder text
+    */
+    placeholder?: string;
+}
+/**
+ * @api TimePicker.RangePicker
+ */
+export interface RangePickerProps extends TimePickerCommonProps {
+    /**
+     * 时间范围值
+     * @en Time range value
+     */
+    value?: [Date | null, Date | null];
+    /**
+     * 默认时间范围值
+     * @en Default time range value
+     */
+    defaultValue?: [Date | null, Date | null];
+    /**
+     * 时间范围值改变时的回调
+     * @en Callback when time range changes
+     */
+    onChange?: (dates: [Date | null, Date | null], dateStrings: [string, string]) => void;
+    /**
+     * 占位符
+     * @en Placeholder text
+     */
+    placeholder?: [string, string];
+    /**
+     * 尺寸
+     * @en Size
      */
-    [key: string]: any;
+    size?: TimePickerSize;
 }
 export {};

package/es/tool-status/index.d.ts

@@ -5,7 +5,7 @@
  * @when ToolStatus
  */
 import React from 'react';
-import { ToolStatusProps } from './types';
+import { type ToolStatusProps } from './types';
 export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<ToolStatusProps & React.RefAttributes<HTMLDivElement>, "key" | keyof ToolStatusProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, HTMLDivElement, {}>;
 export default _default;

package/es/tool-status/index.js

@@ -6,8 +6,8 @@
  */
 import React, { forwardRef } from 'react';
 import { ConfigProvider } from '@alifd/next';
-import Icon from '../icon';
 import cs from 'classnames';
+import Icon from '../icon';
 import { PREFIX_DEFAULT } from '../utils';
 const SUCCESS_ICON = 'icon-check'; //'success'
 const ERROR_ICON = 'icon-cross1'; //'error'

package/es/tool-status/main.scss

@@ -12,6 +12,7 @@
   background-color: transparent;
   font-size: $font-size-caption;
   max-width: 100%;
+  color: $color-text1-4;
 
   i {
     margin-right: $s-1;
@@ -49,7 +50,7 @@
       color: $color-brand1-6;
     }
   }
-  
+
   .next-btn-text.next-btn-primary{
     line-height: $s-4;
     font-size: $font-size-caption;

package/es/tool-status/types.d.ts

@@ -1,13 +1,18 @@
-import React, { type ReactNode } from 'react';
+import type { ReactNode, HTMLAttributes } from 'react';
 import { type CommonProps } from '@alifd/next';
+/**
+ * 工具调用状态授权信息属性
+ * @api
+ */
 export interface ToolStatusAuthProps {
     content: string | ReactNode;
     onAuthClick?: (data: ToolStatusProps) => void;
 }
 /**
  * 参考来源属性
+ * @api
  */
-export interface ToolStatusProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+export interface ToolStatusProps extends HTMLAttributes<HTMLElement>, CommonProps {
     className?: string;
     /**
      * 是否被选中

package/es/utils/func.d.ts

@@ -2,3 +2,4 @@ import { type AnyFunction } from './types';
 export declare function debounce<Callback extends AnyFunction>(callback: Callback, delay: number, leading?: boolean): (...args: Parameters<Callback>) => void;
 export declare function throttle<Callback extends AnyFunction>(callback: Callback, delay: number): (...args: Parameters<Callback>) => void;
 export declare function findAncestor(element: HTMLElement | null, where: (e: HTMLElement) => boolean | undefined): HTMLElement | null;
+export declare function defaultCopyText(text: string): void;

package/es/utils/func.js

@@ -1,3 +1,5 @@
+import copy from 'copy-to-clipboard';
+import Message from '../message';
 export function debounce(callback, delay, leading = false) {
     let timer;
     let isFirstRun = true;
@@ -37,3 +39,14 @@ export function findAncestor(element, where) {
     }
     return findAncestor(element.parentElement, where);
 }
+export function defaultCopyText(text) {
+    if (!text)
+        return;
+    const success = copy(text);
+    if (success) {
+        Message.success('复制成功');
+    }
+    else {
+        Message.error('复制失败');
+    }
+}