@alifd/chat 0.3.39 → 0.3.40-beta.1

package/es/collapse/index.d.ts

@@ -0,0 +1,157 @@
+/**
+ * @component 折叠面板
+ * @en Collapse
+ * @type 通用 - General
+ * @remarks [折叠面板组件] 是一个 [容器类] UI 组件，用于 [内容的展开和收起]，包括点击和悬停触发，使内容能够 [灵活地显示和隐藏]。它通常用于 [长内容的分段显示、信息的分级展示等场景]。支持动画效果和多种触发方式。
+ */
+import React from 'react';
+import type { CollapseProps } from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<CollapseProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/collapse").CollapseProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    onItemClick(key: import("@alifd/next/types/collapse/types").KeyType): void;
+    genratePanelId(itemId: string | undefined, index: number): string | undefined;
+    getProps(item: import("@alifd/next/types/collapse/types").DataItem, index: number, key: import("@alifd/next/types/collapse/types").KeyType): {
+        key: import("@alifd/next/types/collapse/types").KeyType;
+        title: import("react").ReactNode;
+        isExpanded: boolean;
+        disabled: boolean | undefined;
+        id: string | undefined;
+        onClick: (() => void) | null;
+    };
+    getItemsByDataSource(): import("react").JSX.Element[];
+    getItemsByChildren(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | null | undefined;
+    setExpandedKey(expandedKeys: import("@alifd/next/types/collapse/types").KeyType[]): void;
+    render(): import("react").JSX.Element;
+    context: any;
+    setState<K extends "expandedKeys">(state: {
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    } | ((prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, props: Readonly<import("@alifd/next/types/collapse").CollapseProps>) => {
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    } | Pick<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }, K> | null) | Pick<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/collapse").CollapseProps> & Readonly<{
+        children?: import("react").ReactNode;
+    }>;
+    state: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>;
+    refs: {
+        [key: string]: import("react").ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): void;
+}>>, "key" | keyof CollapseProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/collapse").CollapseProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    onItemClick(key: import("@alifd/next/types/collapse/types").KeyType): void;
+    genratePanelId(itemId: string | undefined, index: number): string | undefined;
+    getProps(item: import("@alifd/next/types/collapse/types").DataItem, index: number, key: import("@alifd/next/types/collapse/types").KeyType): {
+        key: import("@alifd/next/types/collapse/types").KeyType;
+        title: import("react").ReactNode;
+        isExpanded: boolean;
+        disabled: boolean | undefined;
+        id: string | undefined;
+        onClick: (() => void) | null;
+    };
+    getItemsByDataSource(): import("react").JSX.Element[];
+    getItemsByChildren(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | null | undefined;
+    setExpandedKey(expandedKeys: import("@alifd/next/types/collapse/types").KeyType[]): void;
+    render(): import("react").JSX.Element;
+    context: any;
+    setState<K extends "expandedKeys">(state: {
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    } | ((prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, props: Readonly<import("@alifd/next/types/collapse").CollapseProps>) => {
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    } | Pick<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }, K> | null) | Pick<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/collapse").CollapseProps> & Readonly<{
+        children?: import("react").ReactNode;
+    }>;
+    state: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>;
+    refs: {
+        [key: string]: import("react").ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, prevState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").CollapseProps>, nextState: Readonly<{
+        expandedKeys: import("@alifd/next/types/collapse/types").KeyType[];
+    }>, nextContext: any): void;
+}>, {}> & {
+    Panel: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/collapse").PanelProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+        onKeyDown: (e: import("react").KeyboardEvent<HTMLElement>) => void;
+        render(): import("react").JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/collapse").PanelProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<import("@alifd/next/types/collapse").PanelProps> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): void;
+    }, {}> & {
+        isNextPanel: boolean;
+    };
+};
+export default _default;

package/es/collapse/index.js

@@ -0,0 +1,20 @@
+/**
+ * @component 折叠面板
+ * @en Collapse
+ * @type 通用 - General
+ * @remarks [折叠面板组件] 是一个 [容器类] UI 组件，用于 [内容的展开和收起]，包括点击和悬停触发，使内容能够 [灵活地显示和隐藏]。它通常用于 [长内容的分段显示、信息的分级展示等场景]。支持动画效果和多种触发方式。
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { ConfigProvider, Collapse as NextCollapse } from '@alifd/next';
+import cs from 'classnames';
+import { assignSubComponent, PREFIX_DEFAULT } from '../utils';
+const Collapse = forwardRef((props) => {
+    const { className, children } = props, rest = __rest(props, ["className", "children"]);
+    return (React.createElement(NextCollapse, Object.assign({}, rest, { className: cs(`${PREFIX_DEFAULT}collapse`, className) }), children));
+});
+const CollapsableWithSub = assignSubComponent(Collapse, {
+    displayName: 'Collapse',
+    Panel: NextCollapse.Panel
+});
+export default ConfigProvider.config(CollapsableWithSub);

package/es/collapse/main.scss

@@ -0,0 +1,95 @@
+@import '../core/variables.scss';
+
+.#{$prefix}collapse.next-collapse {
+  border: none;
+
+  &.next-collapse {
+    .next-collapse-panel-icon {
+      width: 18px;
+      height: auto;
+      transform: none;
+      margin-right: var(--s-2, 8px);
+      left: 2px;
+      top: 1px;
+
+      &:before {
+        content: "";
+        display: inline-block;
+        width: 18px;
+        height: 18px;
+        background-image: url('https://img.alicdn.com/imgextra/i2/O1CN01NIpvEr1Hw4EsvCARb_!!6000000000821-2-tps-36-36.png');
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        vertical-align: middle;
+      }
+    }
+
+    .next-collapse-panel {
+      border: none;
+
+      &:first-child {
+        .next-collapse-panel-title {
+          padding-top: 0;
+          margin-top: 0;
+        }
+      }
+
+      &:last-child {
+        .next-collapse-panel-content {
+          padding-bottom: 0;
+        }
+      }
+    }
+
+    .next-collapse-panel-expanded .next-collapse-panel-icon {
+
+      &:before {
+        transform: rotate(90deg);
+        transform-origin: 50% 50%;
+      }
+    }
+
+    .next-collapse-panel-hidden {
+      .next-collapse-panel-content {
+        display: none;
+      }
+    }
+
+    .next-collapse-panel-content,
+    .next-collapse-panel-title {
+      background-color: transparent;
+      padding-top: 0px;
+      padding-bottom: 0;
+      padding-left: 24px;
+      padding-right: 0;
+      margin-top: var(--s-2, 8px);
+    }
+
+    .next-collapse-panel-content {
+      padding-top: 0px;
+      margin-top: var(--s-2, 8px);
+      padding-bottom: var(--s-1, 4px);
+    }
+
+    .next-collapse-panel-title {
+      font-weight: 600;
+      position: relative;
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      p {
+        line-height: 24px;
+        margin-bottom: 0;
+      }
+
+      &:hover {
+        font-weight: 600;
+      }
+    }
+  }
+}

package/es/collapse/style.d.ts

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/collapse/style2';
+import './main.scss';

package/es/collapse/style.js

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/collapse/style2';
+import './main.scss';

package/es/collapse/types.d.ts

@@ -0,0 +1,82 @@
+import type { HTMLAttributes } from 'react';
+import type { CommonProps } from '@alifd/next';
+/**
+ * @api
+ */
+export type KeyType = string | number;
+/**
+ * @api
+ */
+export interface DataItem {
+    id?: string;
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    disabled?: boolean;
+    key?: KeyType;
+    onClick?: (key: KeyType) => void;
+    [propName: string]: unknown;
+}
+/**
+ * @api Collapse
+ */
+export interface CollapseProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 使用数据模型构建
+     * @en Use data model to build
+     */
+    dataSource?: Array<DataItem>;
+    /**
+     * 默认展开 keys
+     * @en Default expanded keys
+     */
+    defaultExpandedKeys?: KeyType[];
+    /**
+     * 受控展开 keys
+     * @en Controlled expanded keys
+     * @skip
+     */
+    expandedKeys?: KeyType[];
+    /**
+     * 展开状态发升变化时候的回调
+     * @en Callback when the expanded state changes
+     * @skip
+     */
+    onExpand?: (expandedKeys: KeyType | KeyType[]) => void;
+    /**
+     * 所有禁用
+     * @en All disabled
+     */
+    disabled?: boolean;
+    /**
+     * 手风琴模式，一次只能打开一个
+     * @en Accordion mode, only one can be opened at a time
+     * @defaultValue false
+     */
+    accordion?: boolean;
+}
+/**
+ * @api Collapse.Panel
+ */
+export interface PanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onClick'>, CommonProps {
+    /**
+     * 是否禁止用户操作
+     * @en Whether to disable user actions
+     */
+    disabled?: boolean;
+    /**
+     * 标题
+     * @en Title
+     */
+    title?: React.ReactNode;
+    /**
+     * 是否展开
+     * @en Whether to expand
+     * @defaultValue false
+     */
+    isExpanded?: boolean;
+    /**
+     * 点击回调函数
+     * @en Click callback function
+     */
+    onClick?: ((e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void) | null;
+}

package/es/collapse/types.js

@@ -0,0 +1,2 @@
+;
+export {};

package/es/core/variables.scss

@@ -19,18 +19,18 @@ $shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12) !default;
 
 $font-size-display-3: var(--font-size-display-3, 56px) !default;
 $font-size-display-2: var(--font-size-display-2, 48px) !default;
-$s-1: var(---s-1, 4px) !default;
-$s-2: var(---s-2, 8px) !default;
-$s-3: var(---s-3, 12px) !default;
-$s-4: var(---s-4, 16px) !default;
-$s-5: var(---s-5, 20px) !default;
-$s-6: var(---s-6, 24px) !default;
-$s-7: var(---s-7, 28px) !default;
-$s-8: var(---s-8, 32px) !default;
-$s-9: var(---s-9, 36px) !default;
-$s-10: var(---s-10, 40px) !default;
-$s-12: var(---s-12, 48px) !default;
-$s-15: var(---s-15, 60px) !default;
+$s-1: var(--s-1, 4px) !default;
+$s-2: var(--s-2, 8px) !default;
+$s-3: var(--s-3, 12px) !default;
+$s-4: var(--s-4, 16px) !default;
+$s-5: var(--s-5, 20px) !default;
+$s-6: var(--s-6, 24px) !default;
+$s-7: var(--s-7, 28px) !default;
+$s-8: var(--s-8, 32px) !default;
+$s-9: var(--s-9, 36px) !default;
+$s-10: var(--s-10, 40px) !default;
+$s-12: var(--s-12, 48px) !default;
+$s-15: var(--s-15, 60px) !default;
 
 $font-size-headline: var(--font-size-headline, 24px) !default;
 $font-size-title: var(--font-size-title, 20px) !default;
@@ -99,3 +99,18 @@ $color-bg-1: var(--color-bg-1, #ffffff) !default; // ?
 $color-error-3: var(--color-error-3, rgb(255, 82, 25)) !default;
 
 $color-success-3: var(--color-success-3, #00b042) !default;
+
+:root {
+  --form-element-medium-height: 34px;
+  --form-element-medium-line-height: 18px;
+
+  --common-text-font-size: 14px;
+  --common-text-line-height: 20px;
+
+  --btn-size-xs-padding: 8px;
+  
+  // Input control positioning variables
+  --input-control-right: 0px;
+  --input-control-top: 10px;
+  --input-control-padding-right: 20px;
+}

package/es/date-picker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DatePicker2 as NextDatePicker2 } from '@alifd/next';
+import type { DatePickerProps } from './types';
+declare const DatePicker: React.ForwardRefExoticComponent<Pick<DatePickerProps & React.RefAttributes<NextDatePicker2> & import("../utils").WithLabelProps, "defaultValue" | "className" | "placeholder" | "style" | "onFocus" | "onBlur" | "onChange" | "size" | "key" | "state" | "label" | "labelLayout" | "disabled" | "required" | "readOnly" | "labelWidth" | "value" | "format" | "showTime" | "timePanelProps"> & React.RefAttributes<any>>;
+export default DatePicker;

package/es/date-picker/DatePicker.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePicker2 as NextDatePicker2 } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../utils';
+import { withLabel } from '../utils/hoc/withLabel';
+// 基础DatePicker组件
+const BaseDatePicker = forwardRef((_a, ref) => {
+    var { className, size = 'medium', format = 'YYYY-MM-DD', showTime, timePanelProps } = _a, props = __rest(_a, ["className", "size", "format", "showTime", "timePanelProps"]);
+    return (React.createElement(NextDatePicker2, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, format: format, hasBorder: false, showTime: showTime, timePanelProps: timePanelProps, ref: ref })));
+});
+BaseDatePicker.displayName = 'BaseDatePicker';
+// 带Label的DatePicker组件
+const DatePicker = withLabel(BaseDatePicker);
+export default DatePicker;

package/es/date-picker/MonthPicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MonthPickerProps } from './types';
+declare const MonthPicker: React.ForwardRefExoticComponent<Pick<MonthPickerProps & React.RefAttributes<import("@alifd/next/types/date-picker2").MonthPicker> & import("../utils").WithLabelProps, "defaultValue" | "className" | "placeholder" | "style" | "onFocus" | "onBlur" | "onChange" | "size" | "key" | "state" | "label" | "labelLayout" | "disabled" | "required" | "readOnly" | "labelWidth" | "value" | "format"> & React.RefAttributes<any>>;
+export default MonthPicker;

package/es/date-picker/MonthPicker.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePicker2 as NextDatePicker2 } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../utils';
+import { withLabel } from '../utils/hoc/withLabel';
+// 基础MonthPicker组件
+const BaseMonthPicker = forwardRef((_a, ref) => {
+    var { className, size = 'medium', format = 'YYYY-MM' } = _a, props = __rest(_a, ["className", "size", "format"]);
+    return (React.createElement(NextDatePicker2.MonthPicker, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, format: format, hasBorder: false, ref: ref })));
+});
+BaseMonthPicker.displayName = 'BaseMonthPicker';
+// 带Label的MonthPicker组件
+const MonthPicker = withLabel(BaseMonthPicker);
+export default MonthPicker;

package/es/date-picker/RangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RangePickerProps } from './types';
+declare const RangePicker: React.ForwardRefExoticComponent<Pick<RangePickerProps & React.RefAttributes<import("@alifd/next/types/date-picker2").RangePicker> & import("../utils").WithLabelProps, "defaultValue" | "className" | "placeholder" | "style" | "onFocus" | "onBlur" | "onChange" | "size" | "key" | "state" | "label" | "labelLayout" | "disabled" | "required" | "readOnly" | "labelWidth" | "value" | "format" | "mode" | "showTime" | "timePanelProps"> & React.RefAttributes<any>>;
+export default RangePicker;

package/es/date-picker/RangePicker.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePicker2 as NextDatePicker2 } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../utils';
+import { withLabel } from '../utils/hoc/withLabel';
+// 基础RangePicker组件
+const BaseRangePicker = forwardRef((_a, ref) => {
+    var { className, size = 'medium', format = 'YYYY-MM-DD', mode = 'date', showTime, timePanelProps } = _a, props = __rest(_a, ["className", "size", "format", "mode", "showTime", "timePanelProps"]);
+    return (React.createElement(NextDatePicker2.RangePicker
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    , Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, format: format, mode: mode, hasBorder: false, showTime: showTime, timePanelProps: timePanelProps, ref: ref })));
+});
+BaseRangePicker.displayName = 'BaseRangePicker';
+// 带Label的RangePicker组件
+const RangePicker = withLabel(BaseRangePicker);
+export default RangePicker;

package/es/date-picker/YearPicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { YearPickerProps } from './types';
+declare const YearPicker: React.ForwardRefExoticComponent<Pick<YearPickerProps & React.RefAttributes<import("@alifd/next/types/date-picker2").YearPicker> & import("../utils").WithLabelProps, "defaultValue" | "className" | "placeholder" | "style" | "onFocus" | "onBlur" | "onChange" | "size" | "key" | "state" | "label" | "labelLayout" | "disabled" | "required" | "readOnly" | "labelWidth" | "value" | "format"> & React.RefAttributes<any>>;
+export default YearPicker;

package/es/date-picker/YearPicker.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePicker2 as NextDatePicker2 } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../utils';
+import { withLabel } from '../utils/hoc/withLabel';
+// 基础YearPicker组件
+const BaseYearPicker = forwardRef((_a, ref) => {
+    var { className, size = 'medium', format = 'YYYY' } = _a, props = __rest(_a, ["className", "size", "format"]);
+    return (React.createElement(NextDatePicker2.YearPicker, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, format: format, hasBorder: false, ref: ref })));
+});
+BaseYearPicker.displayName = 'BaseYearPicker';
+// 带Label的YearPicker组件
+const YearPicker = withLabel(BaseYearPicker);
+export default YearPicker;

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

@@ -1,24 +1,6 @@
-/**
- * @component 日期选择器
- * @en DatePicker
- * @type 通用 - General
- * @remarks 同 Next DatePicker，按钮用于开始一个即时操作。- 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 { DatePicker2 as NextDatePicker2 } from '@alifd/next';
-export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<NextDatePicker2>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextDatePicker2, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<any, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown, {}> & {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+};
 export default _default;

package/es/date-picker/index.js

@@ -1,33 +1,15 @@
-/**
- * @component 日期选择器
- * @en DatePicker
- * @type 通用 - General
- * @remarks 同 Next DatePicker，按钮用于开始一个即时操作。- 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 { DatePicker2 as NextDatePicker2, ConfigProvider } from '@alifd/next';
-import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-const DatePicker = forwardRef((_a, ref) => {
-    var { className, size = 'medium' } = _a, props = __rest(_a, ["className", "size"]);
-    return (React.createElement(NextDatePicker2, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, ref: ref })));
-});
+import { ConfigProvider } from '@alifd/next';
+import { assignSubComponent } from '../utils';
+import DatePicker from './DatePicker';
+import RangePicker from './RangePicker';
+import YearPicker from './YearPicker';
+import MonthPicker from './MonthPicker';
+// 组装组件
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const DatePickerWithSub = assignSubComponent(DatePicker, {
     displayName: 'DatePicker',
+    RangePicker,
+    YearPicker,
+    MonthPicker,
 });
-export * from './types';
 export default ConfigProvider.config(DatePickerWithSub);

package/es/date-picker/main.scss

@@ -2,5 +2,27 @@
 @import "../core/variables.scss";
 
 .#{$prefix}date-picker2 {
-  
+  &.next-date-picker2 {
+    width: 100%;
+    position: relative;
+    padding-right: var(--input-control-padding-right, 22px);
+  }
+
+  .next-input-control {
+    position: absolute;
+    right: var(--input-control-right, 2px);
+    top: var(--input-control-top, 10px);
+  }
+
+  .next-date-picker2-input-separator {
+    color: var(--color-text1-2, #A0A3A8);
+  }
+
+  .next-date-picker2-input {
+    background-color: transparent;
+
+    input {
+      width: 100%;
+    }
+  }
 }

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

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

package/es/date-picker/style.js

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