@alifd/chat 0.3.39 → 0.3.40-beta.1

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

@@ -1,123 +1,203 @@
-import type React from 'react';
+import type { Dayjs } from 'dayjs';
+import type { WithLabelProps } from '../utils/hoc/withLabel';
 /**
- * 按钮类型
- * @api
+ * 时间选择器配置
  */
-export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ShowTimeConfig {
+    format?: string;
+    defaultValue?: Dayjs | string;
+}
 /**
- * @api Button.Group
+ * @api DatePicker属性
  */
-export interface GroupProps extends React.HTMLAttributes<HTMLElement> {
+export interface DatePickerProps {
+    /**
+     * 日期格式
+     * @en Date format
+     * @defaultValue 'YYYY-MM-DD'
+     */
+    format?: string;
+    /**
+     * 选择的日期值
+     * @en Selected date value
+     */
+    value?: Dayjs | null;
+    /**
+     * 默认日期值
+     * @en Default date value
+     */
+    defaultValue?: Dayjs | null;
+    /**
+     * 日期值改变时的回调
+     * @en Callback when date changes
+     */
+    onChange?: (date: Dayjs | null, dateString: string) => void;
+    /**
+     * 是否显示时间选择
+     * @en Whether to show time picker
+     */
+    showTime?: boolean;
+    /**
+     * 时间面板配置
+     * @en Time panel configuration
+     */
+    timePanelProps?: ShowTimeConfig;
+    /**
+     * 占位符文本
+     * @en Placeholder text
+     */
+    placeholder?: string;
     /**
-     * 统一设置 Button 组件的按钮大小
+     * 自定义类名
+     * @en Custom className
      */
-    size?: ButtonSize;
+    className?: string;
+    /**
+     * 大小
+     * @en Size
+     */
+    size?: 'small' | 'medium' | 'large';
 }
-type HTMLAttributesWeak = Omit<React.ButtonHTMLAttributes<HTMLElement>, 'type' | 'onClick'>;
 /**
- * @api Button
+ * @api YearPicker属性
  */
-export interface ButtonProps extends HTMLAttributesWeak {
+export interface YearPickerProps {
     /**
-     * 按钮的类型
-     * @en Typeo of button
-     * @defaultValue 'normal'
+     * 年份格式
+     * @en Year format
+     * @defaultValue 'YYYY'
      */
-    type?: 'primary' | 'secondary' | 'normal';
+    format?: string;
     /**
-     * @deprecated use `warning` `text` `ghost` insteaded
-     * @skip
+     * 选择的年份值
+     * @en Selected year value
      */
-    shape?: 'warning' | 'text' | 'ghost';
+    value?: Dayjs | null;
     /**
-     * 按钮的尺寸
-     * @en Size of button
-     * @defaultValue 'medium'
+     * 默认年份值
+     * @en Default year value
      */
-    size?: ButtonSize;
+    defaultValue?: Dayjs | null;
     /**
-     * 按钮中可配置的 Icon
-     * @en Available icons in button
-     * @example
-     * \{ loading: <Icon type="loading"/> \}
+     * 年份值改变时的回调
+     * @en Callback when year changes
      */
-    icons?: {
-        loading?: React.ReactNode;
-    };
+    onChange?: (date: Dayjs | null, dateString: string) => void;
     /**
-     * 按钮中 Icon 的尺寸
-     * @en Size of icon in button
-     * @defaultValue 默认根据 size 自动映射，映射规则：
-     * size:large -\> `small`
-     * size:medium -\> `xs`
-     * size:small -\> `xs`
+     * 占位符文本
+     * @en Placeholder text
      */
-    iconSize?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit';
+    placeholder?: string;
     /**
-     * button 标签的 type 值
-     * @en Original html type for button element
-     * @defaultValue 'button'
-     * @remarks 仅当 component = 'button' 时使用
+     * 自定义类名
+     * @en Custom className
      */
-    htmlType?: 'submit' | 'reset' | 'button';
+    className?: string;
+    /**
+     * 大小
+     * @en Size
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * @api MonthPicker属性
+ */
+export interface MonthPickerProps {
+    /**
+     * 月份格式
+     * @en Month format
+     * @defaultValue 'YYYY-MM'
+     */
+    format?: string;
+    /**
+     * 选择的月份值
+     * @en Selected month value
+     */
+    value?: Dayjs | null;
+    /**
+     * 默认月份值
+     * @en Default month value
+     */
+    defaultValue?: Dayjs | null;
+    /**
+     * 月份值改变时的回调
+     * @en Callback when month changes
+     */
+    onChange?: (date: Dayjs | null, dateString: string) => void;
+    /**
+     * 占位符文本
+     * @en Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * 自定义类名
+     * @en Custom className
+     */
+    className?: string;
+    /**
+     * 大小
+     * @en Size
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * @api RangePicker属性
+ */
+export interface RangePickerProps {
     /**
-     * 最终渲染的 jsx 标签标签类型
-     * @en The jsx tag to be rendered
-     * @remarks 直接去掉原先的 ReactNode 类型，因为即使传递了非法类型运行时也会报错，不如在类型提示阶段就将错误抛出
+     * 日期格式
+     * @en Date format
+     * @defaultValue 'YYYY-MM-DD'
      */
-    component?: 'button' | 'a' | React.ComponentType<unknown>;
+    format?: string;
     /**
-     * 设置按钮的载入状态
-     * @en Loading state of a button
-     * @defaultValue false
+     * 选择器模式
+     * @en Picker mode
+     * @defaultValue 'date'
      */
-    loading?: boolean;
+    mode?: 'date' | 'month' | 'year';
     /**
-     * 是否为幽灵按钮
-     * @en Setting ghost button
-     * @defaultValue false
+     * 时间范围值
+     * @en Date range value
      */
-    ghost?: true | false | 'light' | 'dark';
+    value?: [Dayjs | null, Dayjs | null];
     /**
-     * 是否为文本按钮
-     * @en Is text button
-     * @defaultValue false
+     * 默认时间范围值
+     * @en Default date range value
      */
-    text?: boolean;
+    defaultValue?: [Dayjs | null, Dayjs | null];
     /**
-     * 是否为警告按钮
-     * @en Is warning button
-     * @defaultValue false
+     * 时间范围值改变时的回调
+     * @en Callback when date range changes
      */
-    warning?: boolean;
+    onChange?: (dates: [Dayjs | null, Dayjs | null], dateStrings: [string, string]) => void;
     /**
-     * 是否禁用
-     * @en Is disabled
-     * @defaultValue false
+     * 是否显示时间选择
+     * @en Whether to show time picker
      */
-    disabled?: boolean;
+    showTime?: boolean;
     /**
-     * 点击按钮的回调
-     * @en Callback of click event
+     * 时间面板配置
+     * @en Time panel configuration
      */
-    onClick?: React.MouseEventHandler;
+    timePanelProps?: ShowTimeConfig;
     /**
-     * 'a' 标签的 href 属性
-     * @remarks 仅在 component = 'a' 时使用
-     * @skip
+     * 占位符文本
+     * @en Placeholder text
      */
-    href?: string;
+    placeholder?: string | [string, string];
     /**
-     * 'a' 标签的 target 属性
-     * @remarks 仅在 component = 'a' 时使用
-     * @skip
+     * 自定义类名
+     * @en Custom className
      */
-    target?: string;
+    className?: string;
     /**
-     * 'ReactRouterLink' 组件的 to 属性
-     * @remarks 仅在 component 支持 to 属性时使用
-     * @skip
+     * 大小
+     * @en Size
      */
-    to?: string;
+    size?: 'small' | 'medium' | 'large';
 }
-export {};
+export type DatePickerWithLabelProps = DatePickerProps & WithLabelProps;
+export type YearPickerWithLabelProps = YearPickerProps & WithLabelProps;
+export type MonthPickerWithLabelProps = MonthPickerProps & WithLabelProps;
+export type RangePickerWithLabelProps = RangePickerProps & WithLabelProps;

package/es/float-button/hooks/useAutoAlign.d.ts

@@ -11,7 +11,7 @@ trigger: HTMLElement | null, // 触发器dom
     defaultMaxHeight?: number;
     safeAreaMargin?: Margin;
 }): {
-    align: "r" | "b" | "br" | "rt" | "tr" | "t" | "l" | "tl" | "bl" | "lt" | "lb" | "rb" | undefined;
+    align: "b" | "br" | "rt" | "tr" | "r" | "t" | "l" | "tl" | "bl" | "lt" | "lb" | "rb" | undefined;
     update: (dom?: HTMLElement | null | undefined) => void;
     maxHeight: number;
 };

package/es/form/style.d.ts

@@ -1 +0,0 @@
-import '@alifd/next/lib/input/style2';

package/es/form/style.js

@@ -1 +1,2 @@
-import '@alifd/next/lib/input/style2';
+"use strict";
+// 展示 Form demo 所必须的文件