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

package/es/tag/index.js

@@ -11,8 +11,8 @@ import { Tag as NextTag, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const Tag = forwardRef((_a, ref) => {
-    var { className, size = 'small', type = 'normal' } = _a, props = __rest(_a, ["className", "size", "type"]);
-    return (React.createElement(NextTag, Object.assign({}, props, { ref: ref, className: cs(`${PREFIX_DEFAULT}tag`, className), size: size, type: type })));
+    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
+    return (React.createElement(NextTag, Object.assign({}, props, { ref: ref, className: cs(`${PREFIX_DEFAULT}tag`, className), size: size })));
 });
 // 暂时只开放 Tag 组件，其它子组件后续看需求
 const TagWithSub = assignSubComponent(Tag, {

package/es/tag/main.scss

@@ -0,0 +1,9 @@
+@import '@alifd/next/variables.scss';
+@import "../core/variables.scss";
+
+.#{$prefix}tag {
+
+  &.#{$css-prefix}tag {
+      border-color: transparent;
+  }
+}

package/es/text/main.scss

@@ -0,0 +1,19 @@
+@import '../core/variables.scss';
+
+.#{$prefix}text {
+    display: inline-block;
+
+    &-inner {
+    }
+    &-trigger {
+        line-height: 1;
+
+        & &-btn {
+            font-size: inherit;
+            line-height: inherit;
+            height: auto;
+            vertical-align: baseline;
+            margin-left: 12px;
+        }
+    }
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CollapsableCardProps } from '../types';
-declare function CollapsableCard({ components, visible, defaultVisible, onVisibleChange, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
+declare function CollapsableCard({ components, visible: _v, defaultVisible: _dv, onVisibleChange: _onVC, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
 declare namespace CollapsableCard {
     var displayName: string;
 }

package/lib/index.d.ts

@@ -5,8 +5,5 @@ export { default as FloatButton } from './float-button';
 export { default as Text } from './text';
 export { default as Tag } from './tag';
 export { default as Tab } from './tab';
-export { default as Input } from './input';
-export { default as DatePicker } from './date-picker';
-export { default as TimePicker } from './time-picker';
-export { default as Calendar } from './calendar';
+export { default as Message } from './message';
 export declare const version: string;

package/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = exports.Calendar = exports.TimePicker = exports.DatePicker = exports.Input = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
+exports.version = exports.Message = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
 var button_1 = require("./button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
 var card_1 = require("./card");
@@ -18,12 +18,6 @@ var tag_1 = require("./tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(tag_1).default; } });
 var tab_1 = require("./tab");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });
-var input_1 = require("./input");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(input_1).default; } });
-var date_picker_1 = require("./date-picker");
-Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return __importDefault(date_picker_1).default; } });
-var time_picker_1 = require("./time-picker");
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return __importDefault(time_picker_1).default; } });
-var calendar_1 = require("./calendar");
-Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(calendar_1).default; } });
-exports.version = '0.1.11';
+var message_1 = require("./message");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return __importDefault(message_1).default; } });
+exports.version = '0.1.12';

package/lib/message/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @component 标签
+ * @en Message
+ * @type 通用 - General
+ * @remarks 同 Next Message - Same as Next.Message
+ * @when Message
+ */
+import React from 'react';
+import { Message as NextMessage } from '@alifd/next';
+import type { MessageProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<MessageProps & React.RefAttributes<NextMessage>, "key" | keyof MessageProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextMessage, {}> & {
+    loading: typeof NextMessage.loading;
+    warning: typeof NextMessage.warning;
+    error: typeof NextMessage.error;
+    help: typeof NextMessage.help;
+    hide: typeof NextMessage.hide;
+    show: typeof NextMessage.show;
+    success: typeof NextMessage.success;
+    notice: typeof NextMessage.notice;
+};
+export default _default;

package/lib/message/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * @component 标签
+ * @en Message
+ * @type 通用 - General
+ * @remarks 同 Next Message - Same as Next.Message
+ * @when Message
+ */
+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 Message = (0, react_1.forwardRef)((_a, ref) => {
+    var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement(next_1.Message, Object.assign({}, props, { ref: ref, className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}message`, className) })));
+});
+const MessageWithSub = (0, utils_1.assignSubComponent)(Message, {
+    show: next_1.Message.show,
+    success: next_1.Message.success,
+    warning: next_1.Message.warning,
+    error: next_1.Message.error,
+    notice: next_1.Message.notice,
+    help: next_1.Message.help,
+    loading: next_1.Message.loading,
+    hide: next_1.Message.hide,
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(MessageWithSub, {
+    componentName: 'Message',
+});

package/lib/{time-picker → message}/main.scss

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

package/lib/message/style.d.ts

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

package/lib/{input → message}/style.js

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

package/lib/message/types.d.ts

@@ -0,0 +1,195 @@
+import type React from 'react';
+import type { OverlayProps } from '@alifd/next/types/overlay';
+import type { ConsumerState } from '@alifd/next/types/config-provider/consumer';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+/**
+ * @api Message
+ */
+export interface MessageProps extends HTMLAttributesWeak {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈外观
+     * @en shape of message
+     * @defaultValue 'inline'
+     */
+    shape?: 'inline' | 'addon' | 'toast';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，非函数式调用下使用
+     * @en content of message
+     */
+    children?: React.ReactNode;
+    /**
+     * 默认是否显示
+     * @en whether the message is visible in default
+     * @defaultValue false
+     */
+    defaultVisible?: boolean;
+    /**
+     * 当前是否显示
+     * @en whether the message is visible currently
+     */
+    visible?: boolean;
+    /**
+     * 显示的图标类型，会覆盖内部设置的IconType，传false不显示图标
+     * @en type of icon, overriding the internally type of icon
+     */
+    iconType?: string | false;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+}
+/**
+ * @api Message.show
+ * @remarks Message.show(props) 提供一个单例的调用方式，配置参数如下（继承 Overlay 的配置）：
+ *
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: '错误',
+ *  content: '请联系相关人员反馈！',
+ *  hasMask: true
+ * });
+ * ```
+ * -
+ * `Message.show(props)` provides a singleton call with the following configuration parameters (inheriting `Overlay` configuration):
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: 'Error',
+ *  content: 'Please contact admin feedback!',
+ *  hasMask: true
+ * });
+ * ```
+ */
+export interface MessageQuickProps extends Omit<HTMLAttributesWeak, 'content'> {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，函数式调用下使用
+     * @en content of message
+     */
+    content?: React.ReactNode;
+    /**
+     * 弹层对齐方式，详情见 Overlay align
+     * @en alignment reference Overlay
+     * @defaultValue 'tc tc'
+     */
+    align?: string | boolean;
+    /**
+     * 弹层相对于参照元素定位的微调
+     * @en offset after positioned
+     * @defaultValue [0, 0]
+     */
+    offset?: Array<number>;
+    /**
+     * 是否显示遮罩
+     * @en whether to have a mask
+     * @defaultValue false
+     */
+    hasMask?: boolean;
+    /**
+     * 显示持续时间，0表示一直存在，以毫秒为单位
+     * @en show duration, 0 means always present, in milliseconds
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * @skip
+     */
+    timeoutId?: string;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+    /**
+     * 透传到弹层组件的属性对象
+     * @en props of Overlay
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * @skip
+     */
+    contextConfig?: ConsumerState;
+}
+export type OpenProps = string | React.ReactElement | MessageQuickProps;
+export interface MessageWrapperItem extends MessageQuickProps {
+    timer?: ReturnType<typeof setTimeout>;
+    key: string;
+}
+export interface MessageWrapperProps {
+    prefix?: MessageQuickProps['prefix'];
+    dataSource: Array<MessageWrapperItem>;
+}
+export {};