@alifd/chat 0.1.12-beta.0 → 0.1.13-beta.0

package/lib/tag/index.js

@@ -13,8 +13,8 @@ const next_1 = require("@alifd/next");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const utils_1 = require("../utils");
 const Tag = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, size = 'small', type = 'normal' } = _a, props = tslib_1.__rest(_a, ["className", "size", "type"]);
-    return (react_1.default.createElement(next_1.Tag, Object.assign({}, props, { ref: ref, className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tag`, className), size: size, type: type })));
+    var { className, size = 'small' } = _a, props = tslib_1.__rest(_a, ["className", "size"]);
+    return (react_1.default.createElement(next_1.Tag, Object.assign({}, props, { ref: ref, className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tag`, className), size: size })));
 });
 // 暂时只开放 Tag 组件，其它子组件后续看需求
 const TagWithSub = (0, utils_1.assignSubComponent)(Tag, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.1.12-beta.0",
+  "version": "0.1.13-beta.0",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -118,45 +118,21 @@
       "import": "./es/text/style.js",
       "require": "./lib/text/style.js"
     },
-    "./input": {
-      "import": "./es/input/index.js",
-      "require": "./lib/input/index.js"
-    },
-    "./input/style": {
-      "import": "./es/input/style.js",
-      "require": "./lib/input/style.js"
-    },
-    "./input/style.js": {
-      "import": "./es/input/style.js",
-      "require": "./lib/input/style.js"
-    },
-    "./date-picker": {
-      "import": "./es/date-picker/index.js",
-      "require": "./lib/date-picker/index.js"
-    },
-    "./date-picker/style": {
-      "import": "./es/date-picker/style.js",
-      "require": "./lib/date-picker/style.js"
-    },
-    "./date-picker/style.js": {
-      "import": "./es/date-picker/style.js",
-      "require": "./lib/date-picker/style.js"
-    },
-    "./time-picker": {
-      "import": "./es/time-picker/index.js",
-      "require": "./lib/time-picker/index.js"
-    },
-    "./time-picker/style": {
-      "import": "./es/time-picker/style.js",
-      "require": "./lib/time-picker/style.js"
-    },
-    "./time-picker/style.js": {
-      "import": "./es/time-picker/style.js",
-      "require": "./lib/time-picker/style.js"
-    },
     "./utils": {
       "import": "./es/utils/index.js",
       "require": "./lib/utils/index.js"
+    },
+    "./message": {
+      "import": "./es/message/index.js",
+      "require": "./lib/message/index.js"
+    },
+    "./message/style": {
+      "import": "./es/message/style.js",
+      "require": "./lib/message/style.js"
+    },
+    "./message/style.js": {
+      "import": "./es/message/style.js",
+      "require": "./lib/message/style.js"
     }
   },
   "files": [
@@ -225,8 +201,6 @@
     "react-dom": ">=16.0.0"
   },
   "dependencies": {
-    "@ali/dingtalk-jsapi": "^3.0.33",
-    "dingtalk-jsapi": "^3.0.33",
     "hoist-non-react-statics": "^3.3.2",
     "tslib": "^2.6.2"
   },

package/es/calendar/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * @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/es/calendar/index.js

@@ -1,33 +0,0 @@
-/**
- * @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 { __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { Button as NextCalendar, ConfigProvider } from '@alifd/next';
-import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-const Calendar = forwardRef((_a, ref) => {
-    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
-    return (React.createElement(NextCalendar, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}calendar`, className), size: size, ref: ref })));
-});
-const CalendarWithSub = assignSubComponent(Calendar, {
-    displayName: 'Calendar',
-});
-export * from './types';
-export default ConfigProvider.config(CalendarWithSub);

package/es/calendar/style.d.ts

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

package/es/calendar/style.js

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

package/es/calendar/types.d.ts

@@ -1,123 +0,0 @@
-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/es/date-picker/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * @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/es/date-picker/index.js

@@ -1,33 +0,0 @@
-/**
- * @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 { DatePicker as NextDatePicker, ConfigProvider } from '@alifd/next';
-import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-const DatePicker = forwardRef((_a, ref) => {
-    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
-    return (React.createElement(NextDatePicker, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker`, className), size: size, ref: ref })));
-});
-const DatePickerWithSub = assignSubComponent(DatePicker, {
-    displayName: 'DatePicker',
-});
-export * from './types';
-export default ConfigProvider.config(DatePickerWithSub);

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

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

package/es/date-picker/style.js

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

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

@@ -1,123 +0,0 @@
-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/es/date-picker/types.js

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

package/es/input/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * @component 输入框
- * @en Input
- * @type 通用 - General
- * @remarks 同 Next Input，按钮用于开始一个即时操作。- Same as Next.Input, Input used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Inputs 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 { Input as NextInput } 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<NextInput>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextInput, {}>;
-export default _default;

package/es/input/index.js

@@ -1,33 +0,0 @@
-/**
- * @component 输入框
- * @en Input
- * @type 通用 - General
- * @remarks 同 Next Input，按钮用于开始一个即时操作。- Same as Next.Input, Input used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Inputs 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 { Input as NextInput, ConfigProvider } from '@alifd/next';
-import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-const Input = forwardRef((_a, ref) => {
-    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
-    return (React.createElement(NextInput, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}input`, className), size: size, ref: ref })));
-});
-const InputWithSub = assignSubComponent(Input, {
-    displayName: 'Input',
-});
-export * from './types';
-export default ConfigProvider.config(InputWithSub);

package/es/input/style.d.ts

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

package/es/input/style.js

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