@alifd/chat 0.1.16 → 0.2.0-beta.0

package/lib/float-button/hooks/useAutoAlign.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoAlign = void 0;
+exports.useAutoAlign = useAutoAlign;
 const react_1 = require("react");
 const util_1 = require("../util");
 const utils_1 = require("../../utils");
@@ -46,4 +46,3 @@ function useAutoAlign(_dom, trigger, { enable, defaultAlign, }) {
         update: throttleUpdate,
     };
 }
-exports.useAutoAlign = useAutoAlign;

package/lib/float-button/hooks/useAutoHide.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Edge, Position } from '../types';
 /**
  * 自动隐藏悬浮球逻辑

package/lib/float-button/hooks/useAutoHide.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoHide = void 0;
+exports.useAutoHide = useAutoHide;
 const react_1 = require("react");
 const util_1 = require("../util");
 const utils_1 = require("../../utils");
@@ -158,4 +158,3 @@ function useAutoHide(dom, { enable, leftSize, interactiveEdges, }) {
         saveRestorePosition,
     };
 }
-exports.useAutoHide = useAutoHide;

package/lib/float-button/hooks/useDragable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DragableOption } from '../types';
 /**
  * 拖拽逻辑

package/lib/float-button/hooks/useDragable.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDragable = void 0;
+exports.useDragable = useDragable;
 const react_1 = require("react");
 const util_1 = require("../util");
 function normalizePositionRatio(ratio) {
@@ -130,4 +130,3 @@ function useDragable(dom, options) {
             {},
     };
 }
-exports.useDragable = useDragable;

package/lib/float-button/hooks/useNestleEdge.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNestleEdge = void 0;
+exports.useNestleEdge = useNestleEdge;
 const react_1 = require("react");
 const utils_1 = require("../../utils");
 const util_1 = require("../util");
@@ -84,4 +84,3 @@ function useNestleEdge(dom, { enable, safeAreaMargin, interactiveEdges, onUpdate
         update: throttleUpdate,
     };
 }
-exports.useNestleEdge = useNestleEdge;

package/lib/float-button/hooks/useTriggerType.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTriggerType = void 0;
+exports.useTriggerType = useTriggerType;
 const utils_1 = require("../../utils");
 function normalizeTriggerType(triggerType, defaultTriggerType) {
     if (!triggerType) {
@@ -32,4 +32,3 @@ function useTriggerType({ triggerType, visible, onVisibleChange, }) {
     }
     return triggerHandlerProps;
 }
-exports.useTriggerType = useTriggerType;

package/lib/float-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const FloatButtonWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>, "key" | keyof import("./types").FloatButtonProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").FloatButtonRef, {}> & {
     Backtop: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef>, "key" | keyof import("./types").BacktopProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").BacktopRef, {}>;
     Drawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;

package/lib/float-button/util.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.adjustBySafeAreaMargin = exports.isInScreen = exports.getNearlyEdge = exports.getScreenSize = void 0;
+exports.getScreenSize = getScreenSize;
+exports.getNearlyEdge = getNearlyEdge;
+exports.isInScreen = isInScreen;
+exports.adjustBySafeAreaMargin = adjustBySafeAreaMargin;
 function getScreenSize() {
     return {
         width: document.documentElement.clientWidth,
         height: document.documentElement.clientHeight,
     };
 }
-exports.getScreenSize = getScreenSize;
 function getNearlyEdge(el, interactiveEdges, rect = el.getBoundingClientRect()) {
     if (!(interactiveEdges === null || interactiveEdges === void 0 ? void 0 : interactiveEdges.length)) {
         return [];
@@ -41,7 +43,6 @@ function getNearlyEdge(el, interactiveEdges, rect = el.getBoundingClientRect())
         .sort((a, b) => (a.size > b.size ? 1 : -1));
     return [closest.edge, subClosest === null || subClosest === void 0 ? void 0 : subClosest.edge];
 }
-exports.getNearlyEdge = getNearlyEdge;
 function isInScreen(dom) {
     const rect = dom.getBoundingClientRect();
     const { width, height } = getScreenSize();
@@ -50,7 +51,6 @@ function isInScreen(dom) {
     const bottom = height - rect.top - rect.height;
     return [left, top, right, bottom].every(n => n >= 0);
 }
-exports.isInScreen = isInScreen;
 function adjustBySafeAreaMargin(position, rect, safeAreaMargin) {
     if (!position || !rect || !safeAreaMargin) {
         return undefined;
@@ -71,4 +71,3 @@ function adjustBySafeAreaMargin(position, rect, safeAreaMargin) {
         top: makeInRange(position.top, Math.max(0, top), Math.min(height, height - rect.height - bottom)),
     };
 }
-exports.adjustBySafeAreaMargin = adjustBySafeAreaMargin;

package/lib/float-button/view/balloon.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Balloon = void 0;
+exports.Balloon = Balloon;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const next_1 = require("@alifd/next");
@@ -13,4 +13,3 @@ function Balloon(props) {
     });
     return react_1.default.createElement(next_1.Balloon, Object.assign({}, rests, { align: currentAlign }));
 }
-exports.Balloon = Balloon;

package/lib/float-button/view/drawer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
+exports.Drawer = Drawer;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const next_1 = require("@alifd/next");
@@ -15,7 +15,6 @@ function Drawer(_a) {
                 onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(false, reason);
             }, v2: true }), children)));
 }
-exports.Drawer = Drawer;
 function FloatButtonDrawer(_a) {
     var { width, title, drawerClassName, cache = false, beforeOpen, afterOpen, beforeClose, afterClose } = _a, rests = tslib_1.__rest(_a, ["width", "title", "drawerClassName", "cache", "beforeOpen", "afterOpen", "beforeClose", "afterClose"]);
     return (react_1.default.createElement(float_button_1.default, Object.assign({}, rests, { _renderView: (prefix, { visible, onVisibleChange, trigger, triggerType, showClose, children }) => {

package/lib/float-button/view/inner-drawer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InnerDrawer = void 0;
+exports.InnerDrawer = InnerDrawer;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
@@ -201,7 +201,6 @@ function InnerDrawer({ className, prefix, target, children, trigger, triggerType
                             react_1.default.createElement(next_1.Icon, { className: `${cls}-header-close-icon`, type: "close", size: 12 })))),
                     react_1.default.createElement("div", { className: `${cls}-body` }, showPane ? children : null))), mountTarget)));
 }
-exports.InnerDrawer = InnerDrawer;
 function FloatButtonByInnerDrawer(props) {
     const { width, title, target, drawerClassName, cache = false, beforeOpen, afterOpen, beforeClose, afterClose } = props, rests = tslib_1.__rest(props, ["width", "title", "target", "drawerClassName", "cache", "beforeOpen", "afterOpen", "beforeClose", "afterClose"]);
     return (react_1.default.createElement(float_button_1.default, Object.assign({}, rests, { _renderView: (prefix, { trigger, triggerType, visible, onVisibleChange, showClose, children }) => {

package/lib/index.d.ts

@@ -12,4 +12,6 @@ export { default as PersonPicker } from './person-picker';
 export { default as Message } from './message';
 export { default as Icon } from './icon';
 export { default as Balloon } from './balloon';
+export { default as List } from './list';
+export { default as CardLoading } from './card-loading';
 export declare const version: string;

package/lib/index.js

@@ -1,35 +1,37 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = exports.Balloon = exports.Icon = exports.Message = exports.PersonPicker = 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.CardLoading = exports.List = exports.Balloon = exports.Icon = exports.Message = exports.PersonPicker = exports.TimePicker = exports.DatePicker = exports.Input = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
+const tslib_1 = require("tslib");
 var button_1 = require("./button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(button_1).default; } });
 var card_1 = require("./card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(card_1).default; } });
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return tslib_1.__importDefault(card_1).default; } });
 var feedback_1 = require("./feedback");
-Object.defineProperty(exports, "Feedback", { enumerable: true, get: function () { return __importDefault(feedback_1).default; } });
+Object.defineProperty(exports, "Feedback", { enumerable: true, get: function () { return tslib_1.__importDefault(feedback_1).default; } });
 var float_button_1 = require("./float-button");
-Object.defineProperty(exports, "FloatButton", { enumerable: true, get: function () { return __importDefault(float_button_1).default; } });
+Object.defineProperty(exports, "FloatButton", { enumerable: true, get: function () { return tslib_1.__importDefault(float_button_1).default; } });
 var text_1 = require("./text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(text_1).default; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return tslib_1.__importDefault(text_1).default; } });
 var tag_1 = require("./tag");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(tag_1).default; } });
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tslib_1.__importDefault(tag_1).default; } });
 var tab_1 = require("./tab");
-Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tslib_1.__importDefault(tab_1).default; } });
 var input_1 = require("./input");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(input_1).default; } });
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return tslib_1.__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; } });
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return tslib_1.__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; } });
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return tslib_1.__importDefault(time_picker_1).default; } });
 var person_picker_1 = require("./person-picker");
-Object.defineProperty(exports, "PersonPicker", { enumerable: true, get: function () { return __importDefault(person_picker_1).default; } });
+Object.defineProperty(exports, "PersonPicker", { enumerable: true, get: function () { return tslib_1.__importDefault(person_picker_1).default; } });
 var message_1 = require("./message");
-Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return __importDefault(message_1).default; } });
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return tslib_1.__importDefault(message_1).default; } });
 var icon_1 = require("./icon");
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return tslib_1.__importDefault(icon_1).default; } });
 var balloon_1 = require("./balloon");
-Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return __importDefault(balloon_1).default; } });
-exports.version = '0.1.16';
+Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return tslib_1.__importDefault(balloon_1).default; } });
+var list_1 = require("./list");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return tslib_1.__importDefault(list_1).default; } });
+var card_loading_1 = require("./card-loading");
+Object.defineProperty(exports, "CardLoading", { enumerable: true, get: function () { return tslib_1.__importDefault(card_loading_1).default; } });
+exports.version = '0.2.0-beta.0';

package/lib/list/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @component 列表
+ * @en List
+ * * @remarks 同 Next List，列表组件。- Same as Next List component.
+ * @type 通用 - General
+ * @when 最基础的列表展示，可承载文字、列表、图片、段落。
+ */
+export { List as default } from '@alifd/next';

package/lib/list/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * @component 列表
+ * @en List
+ * * @remarks 同 Next List，列表组件。- Same as Next List component.
+ * @type 通用 - General
+ * @when 最基础的列表展示，可承载文字、列表、图片、段落。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var next_1 = require("@alifd/next");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return next_1.List; } });

package/lib/list/style.d.ts

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

package/lib/list/style.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@alifd/next/lib/list/style2");

package/lib/list/types.d.ts

@@ -0,0 +1,93 @@
+import React from 'react';
+import type { ReactElement, ReactNode } from 'react';
+import type { LoadingProps } from '@alifd/next/types/loading';
+import { type CommonProps } from '@alifd/next';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+/**
+ * @api List
+ */
+export interface ListProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 列表头部
+     * @en List header
+     */
+    header?: ReactNode;
+    /**
+     * 列表尾部
+     * @en List footer
+     */
+    footer?: ReactNode;
+    /**
+     * 列表尺寸
+     * @en List size
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'small';
+    /**
+     * 是否显示分割线
+     * @en Whether to show the divider
+     * @defaultValue true
+     */
+    divider?: boolean;
+    /**
+     * children
+     */
+    children?: ReactNode;
+    /**
+     * 列表项数据源
+     * @en List item data source
+     */
+    dataSource?: unknown[];
+    /**
+     * 当使用 dataSource 时，可以用 renderItem 自定义渲染列表项
+     * @param current - 当前遍历的项 - The current item
+     * @param index - 当前遍历的项的索引 - The index of the current item
+     * @returns - 自定义渲染的 ReactElement - The ReactElement be customized
+     */
+    renderItem?: (current: unknown, index: number) => ReactElement;
+    /**
+     * loading 状态控制
+     * @en Loading state control
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * 自定义 Loading 组件
+     * @en Custom Loading component
+     * @param props - 透传 props - Pass through props
+     * @returns - 自定义的 Loading 组件 - Custom Loading component
+     * @remarks 请务必透传 props, 使用方式：loadingComponent=\{props =\> \<Loading \{...props\}/\>\}
+     */
+    loadingComponent?: (props: LoadingProps) => ReactElement;
+    /**
+     * 当列表为空时显示的内容
+     * @en The content displayed when the list is empty
+     */
+    emptyContent?: ReactNode;
+}
+/**
+ * @api List.Item
+ */
+export interface ListItemProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 列表元素的标题
+     * @en The title of the list item
+     */
+    title?: ReactNode;
+    /**
+     * 列表元素的描述内容
+     * @en The description of the list item
+     */
+    description?: ReactNode;
+    /**
+     * 列表元素的头像 / 图标 / 图片内容
+     * @en The avatar / icon / image content of the list item
+     */
+    media?: ReactNode;
+    /**
+     * 额外内容
+     * @en Extra content
+     */
+    extra?: ReactNode;
+}
+export {};

package/lib/list/types.js

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

package/lib/message/index.d.ts

@@ -13,20 +13,20 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         visible: boolean | undefined;
     };
     onClose: () => void;
-    render(): React.JSX.Element | null;
+    render(): import("react").JSX.Element | null;
     context: any;
     setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
     forceUpdate(callback?: (() => void) | undefined): void;
     readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
     }>;
     refs: {
-        [key: string]: React.ReactInstance;
+        [key: string]: import("react").ReactInstance;
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
     componentWillUnmount?(): void;
-    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
     getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
     componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
     componentWillMount?(): void;
@@ -40,20 +40,20 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         visible: boolean | undefined;
     };
     onClose: () => void;
-    render(): React.JSX.Element | null;
+    render(): import("react").JSX.Element | null;
     context: any;
     setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
     forceUpdate(callback?: (() => void) | undefined): void;
     readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
     }>;
     refs: {
-        [key: string]: React.ReactInstance;
+        [key: string]: import("react").ReactInstance;
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
     componentWillUnmount?(): void;
-    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
     getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
     componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
     componentWillMount?(): void;