@alifd/chat 0.1.10 → 0.1.12-beta.0

package/es/tab/index.d.ts

@@ -2,14 +2,7 @@ import React from 'react';
 import { Tab as NextTab } from '@alifd/next';
 import type { TabProps } from '@alifd/next/types/tab';
 export type { TabProps, ItemProps } from '@alifd/next/types/tab';
-declare const _default: {
-    new (props: TabProps & React.RefAttributes<NextTab> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<TabProps & React.RefAttributes<NextTab> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTab>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-    defaultProps: Partial<TabProps & React.RefAttributes<NextTab>> | undefined;
-    propTypes: React.WeakValidationMap<TabProps & React.RefAttributes<NextTab>> | undefined;
-    $$typeof: symbol;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<TabProps & React.RefAttributes<NextTab>, "key" | keyof TabProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTab, {}> & {
     Item: typeof import("@alifd/next/types/tab").Item;
 };
 export default _default;

package/es/tag/index.d.ts

@@ -9,13 +9,5 @@ import React from 'react';
 import { Tag as NextTag } from '@alifd/next';
 import type { TagProps } from '@alifd/next/types/tag';
 export type { TagProps } from '@alifd/next/types/tag';
-declare const _default: {
-    new (props: TagProps & React.RefAttributes<NextTag> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<TagProps & React.RefAttributes<NextTag> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTag>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-    defaultProps: Partial<TagProps & React.RefAttributes<NextTag>> | undefined;
-    propTypes: React.WeakValidationMap<TagProps & React.RefAttributes<NextTag>> | undefined;
-    $$typeof: symbol;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<TagProps & React.RefAttributes<NextTag>, "key" | keyof TagProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTag, {}>;
 export default _default;

package/es/text/index.d.ts

@@ -1,9 +1,3 @@
-import React from 'react';
 import type { TextProps } from './types';
-declare const _default: {
-    new (props: TextProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<TextProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<TextProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 export default _default;

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

@@ -0,0 +1,23 @@
+/**
+ * @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';
+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 default _default;

package/es/time-picker/index.js

@@ -0,0 +1,79 @@
+/**
+ * @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 { TimePicker as NextTimePicker, 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"]);
+    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 {
+            label: dayjs(value).format(format),
+            value,
+        };
+    };
+    if (mode === 'dingtalk') {
+        const { format, hourStep, minuteStep, secondStep } = props, otherProps = __rest(props, ["format", "hourStep", "minuteStep", "secondStep"]);
+        return (React.createElement(NextSelect, Object.assign({}, otherProps, { className: cs(`${PREFIX_DEFAULT}time-picker`, className), value: formatSelectValue(), size: size, ref: ref }), getTimeArray().map((time, index) => (React.createElement(NextSelect.Option, { value: time.value, key: index }, time.label)))));
+    }
+    else {
+        return (React.createElement(NextTimePicker, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}time-picker`, className), size: size, ref: ref })));
+    }
+});
+const TimePickerWithSub = assignSubComponent(TimePicker, {
+    displayName: 'TimePicker',
+});
+export * from './types';
+export default ConfigProvider.config(TimePickerWithSub);

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

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/time-picker/style';
+import './main.scss';

package/es/time-picker/style.js

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/time-picker/style';
+import './main.scss';

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

@@ -0,0 +1,20 @@
+import type React from 'react';
+type HTMLAttributesWeak = Omit<React.ButtonHTMLAttributes<HTMLElement>, 'type' | 'onClick'>;
+/**
+ * @api TimePicker
+ */
+export interface TimePickerProps extends HTMLAttributesWeak {
+    /**
+     * 采用模式
+     * @en mode of time-picker
+     * @defaultValue 'normal'
+     */
+    mode?: 'normal' | 'dingtalk';
+    /**
+     * 时间选择器其他属性
+     * @en key of time-picker
+     * @defaultValue 'medium'
+     */
+    [key: string]: any;
+}
+export {};

package/es/time-picker/types.js

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

package/es/utils/dingtalk.d.ts

@@ -0,0 +1,4 @@
+import '@ali/dingtalk-jsapi/entry/union';
+export declare function userPicker({ pickedUsers, onSuccess }: any): void;
+export declare function quitApp(): void;
+export declare function addZeroInWorkNo(workNo: any): any;

package/es/utils/dingtalk.js

@@ -0,0 +1,53 @@
+import '@ali/dingtalk-jsapi/entry/union';
+import quit from '@ali/dingtalk-jsapi/api/biz/navigation/quit';
+import close from '@ali/dingtalk-jsapi/api/biz/navigation/close';
+import complexPicker from '@ali/dingtalk-jsapi/api/biz/contact/complexPicker';
+import { env as ddEnv } from '@ali/dingtalk-jsapi';
+export function userPicker({ pickedUsers, onSuccess }) {
+    complexPicker({
+        title: '请选择人员', // 标题
+        corpId: 'dingd8e1123006514592', // 企业的corpId
+        multiple: true, // 是否多选
+        limitTips: '超出了', // 超过限定人数返回提示
+        maxUsers: 1000, // 最大可选人数
+        pickedUsers, // 已选用户
+        pickedDepartments: [], // 已选部门
+        disabledUsers: [], // 不可选用户
+        disabledDepartments: [], // 不可选部门
+        requiredUsers: [], // 必选用户（不可取消选中状态）
+        requiredDepartments: [], // 必选部门（不可取消选中状态）
+        appId: 158, // 微应用Id，企业内部应用查看AgentId
+        permissionType: 'GLOBAL', // 可添加权限校验，选人权限，目前只有GLOBAL这个参数
+        responseUserOnly: true, // 返回人，或者返回人和部门
+        startWithDepartmentId: 0, // 仅支持0和-1
+        showRootOrg: true,
+        onSuccess,
+    });
+}
+export function quitApp() {
+    try {
+        if (ddEnv.platform === 'pc') {
+            quit({});
+        }
+        else if (ddEnv.platform === 'android' || ddEnv.platform === 'ios') {
+            close({});
+        }
+        else {
+            window.close && window.close();
+        }
+    }
+    catch (err) {
+        console.log('quitApp error:', err);
+    }
+}
+export function addZeroInWorkNo(workNo) {
+    if (!workNo) {
+        return '';
+    }
+    const workNoLength = workNo.length;
+    if (workNoLength.length >= 6) {
+        return workNo;
+    }
+    const str = `0000000${workNo}`;
+    return str.slice(str.length - 6, str.length);
+}

package/lib/button/index.d.ts

@@ -20,13 +20,5 @@
 import React from 'react';
 import type { ButtonProps } from './types';
 export * from './types';
-declare const _default: {
-    new (props: ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-    defaultProps: Partial<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>> | undefined;
-    propTypes: React.WeakValidationMap<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>> | undefined;
-    $$typeof: symbol;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>, keyof ButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>, {}>;
 export default _default;

package/lib/calendar/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @component 日历
+ * @en Button
+ * @type 通用 - General
+ * @remarks 同 Next Button，按钮用于开始一个即时操作。- 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';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>, {}>;
+export default _default;

package/lib/calendar/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * @component 日历
+ * @en Button
+ * @type 通用 - General
+ * @remarks 同 Next Button，按钮用于开始一个即时操作。- 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    |
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const Calendar = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, size = 'small' } = _a, props = tslib_1.__rest(_a, ["className", "size"]);
+    return (react_1.default.createElement(next_1.Button, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}calendar`, className), size: size, ref: ref })));
+});
+const CalendarWithSub = (0, utils_1.assignSubComponent)(Calendar, {
+    displayName: 'Calendar',
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(CalendarWithSub);

package/{es/button → lib/calendar}/main.scss

@@ -1,5 +1,5 @@
 @import "../core/variables.scss";
 
-.#{$prefix}button {
+.#{$prefix}calendar {
   
 }

package/lib/calendar/style.d.ts

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

package/lib/calendar/style.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@alifd/next/lib/calendar/style");
+require("./main.scss");

package/lib/calendar/types.d.ts

@@ -0,0 +1,123 @@
+import type React from 'react';
+/**
+ * 按钮类型
+ * @api
+ */
+export type ButtonSize = 'small' | 'medium' | 'large';
+/**
+ * @api Button.Group
+ */
+export interface GroupProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * 统一设置 Button 组件的按钮大小
+     */
+    size?: ButtonSize;
+}
+type HTMLAttributesWeak = Omit<React.ButtonHTMLAttributes<HTMLElement>, 'type' | 'onClick'>;
+/**
+ * @api Button
+ */
+export interface ButtonProps extends HTMLAttributesWeak {
+    /**
+     * 按钮的类型
+     * @en Typeo of button
+     * @defaultValue 'normal'
+     */
+    type?: 'primary' | 'secondary' | 'normal';
+    /**
+     * @deprecated use `warning` `text` `ghost` insteaded
+     * @skip
+     */
+    shape?: 'warning' | 'text' | 'ghost';
+    /**
+     * 按钮的尺寸
+     * @en Size of button
+     * @defaultValue 'medium'
+     */
+    size?: ButtonSize;
+    /**
+     * 按钮中可配置的 Icon
+     * @en Available icons in button
+     * @example
+     * \{ loading: <Icon type="loading"/> \}
+     */
+    icons?: {
+        loading?: React.ReactNode;
+    };
+    /**
+     * 按钮中 Icon 的尺寸
+     * @en Size of icon in button
+     * @defaultValue 默认根据 size 自动映射，映射规则：
+     * size:large -\> `small`
+     * size:medium -\> `xs`
+     * size:small -\> `xs`
+     */
+    iconSize?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit';
+    /**
+     * button 标签的 type 值
+     * @en Original html type for button element
+     * @defaultValue 'button'
+     * @remarks 仅当 component = 'button' 时使用
+     */
+    htmlType?: 'submit' | 'reset' | 'button';
+    /**
+     * 最终渲染的 jsx 标签标签类型
+     * @en The jsx tag to be rendered
+     * @remarks 直接去掉原先的 ReactNode 类型，因为即使传递了非法类型运行时也会报错，不如在类型提示阶段就将错误抛出
+     */
+    component?: 'button' | 'a' | React.ComponentType<unknown>;
+    /**
+     * 设置按钮的载入状态
+     * @en Loading state of a button
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * 是否为幽灵按钮
+     * @en Setting ghost button
+     * @defaultValue false
+     */
+    ghost?: true | false | 'light' | 'dark';
+    /**
+     * 是否为文本按钮
+     * @en Is text button
+     * @defaultValue false
+     */
+    text?: boolean;
+    /**
+     * 是否为警告按钮
+     * @en Is warning button
+     * @defaultValue false
+     */
+    warning?: boolean;
+    /**
+     * 是否禁用
+     * @en Is disabled
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * 点击按钮的回调
+     * @en Callback of click event
+     */
+    onClick?: React.MouseEventHandler;
+    /**
+     * 'a' 标签的 href 属性
+     * @remarks 仅在 component = 'a' 时使用
+     * @skip
+     */
+    href?: string;
+    /**
+     * 'a' 标签的 target 属性
+     * @remarks 仅在 component = 'a' 时使用
+     * @skip
+     */
+    target?: string;
+    /**
+     * 'ReactRouterLink' 组件的 to 属性
+     * @remarks 仅在 component 支持 to 属性时使用
+     * @skip
+     */
+    to?: string;
+}
+export {};

package/lib/calendar/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/card/index.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
 import Collapsable from './view/collapsable';
-declare const CardWithSub: {
-    new (props: import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: import("react").Context<any> | undefined;
-} & {} & {
+declare const CardWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
     Collapsable: typeof Collapsable;
 };
 export * from './types';

package/lib/card/view/card.d.ts

@@ -2,8 +2,5 @@ import React from 'react';
 import type { CardProps } from '../types';
 export declare function useCardInner({ prefix, innerClassName, title, titleAlign, titleLine, footer, footerAlign, footerLine, components, children, }: CardProps): React.JSX.Element;
 export declare function useCardOuter(props: CardProps): React.JSX.Element;
-declare const _default: {
-    new (props: CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 export default _default;

package/lib/core/variables.scss

@@ -31,3 +31,5 @@ $color-line1-2: var(--color-line1-2, #dcdee3) !default;
 $color-line1-3: var(--color-line1-3, #c4c6cf) !default;
 /// 重
 $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
+
+

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

@@ -0,0 +1,24 @@
+/**
+ * @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 { DatePicker as NextDatePicker } 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<NextDatePicker>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextDatePicker, {}>;
+export default _default;

package/lib/date-picker/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * @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    |
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const DatePicker = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, size = 'small' } = _a, props = tslib_1.__rest(_a, ["className", "size"]);
+    return (react_1.default.createElement(next_1.DatePicker, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}date-picker`, className), size: size, ref: ref })));
+});
+const DatePickerWithSub = (0, utils_1.assignSubComponent)(DatePicker, {
+    displayName: 'DatePicker',
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(DatePickerWithSub);

package/lib/date-picker/main.scss

@@ -0,0 +1,6 @@
+@import '@alifd/next/variables.scss';
+@import "../core/variables.scss";
+
+.#{$prefix}date-picker {
+  
+}

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

@@ -0,0 +1,3 @@
+import '../calendar/style';
+import '@alifd/next/lib/date-picker/style';
+import './main.scss';

package/lib/date-picker/style.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../calendar/style");
+require("@alifd/next/lib/date-picker/style");
+require("./main.scss");