@alifd/chat 0.1.0 → 0.1.2

package/es/button/index.d.ts

@@ -19,5 +19,6 @@
  */
 import React from 'react';
 import type { ButtonProps } from './types';
-declare const Button: React.ForwardRefExoticComponent<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>>>;
-export default Button;
+export * from './types';
+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/es/button/index.js

@@ -19,12 +19,15 @@
  */
 import { __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { Button as NextButton } from '@alifd/next';
+import { Button as NextButton, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
-import { PREFIX_DEFAULT } from '../utils';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const Button = forwardRef((_a, ref) => {
     var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
-    return React.createElement(NextButton, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}button`, className), size: size, ref: ref }));
+    return (React.createElement(NextButton, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}button`, className), size: size, ref: ref })));
 });
-Button.displayName = 'Button';
-export default Button;
+const ButtonWithSub = assignSubComponent(Button, {
+    displayName: 'Button',
+});
+export * from './types';
+export default ConfigProvider.config(ButtonWithSub);

package/es/card/index.d.ts

@@ -2,4 +2,5 @@ import Collapsable from './view/collapsable';
 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';
 export default CardWithSub;

package/es/card/index.js

@@ -2,4 +2,5 @@ import { assignSubComponent } from '../utils';
 import Card from './view/card';
 import Collapsable from './view/collapsable';
 const CardWithSub = assignSubComponent(Card, { Collapsable });
+export * from './types';
 export default CardWithSub;

package/es/feedback/index.d.ts

@@ -1,5 +1,6 @@
 import type { FeedbackProps } from './types';
 import Good from './view/good';
+export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
     Good: typeof Good;
 };

package/es/feedback/index.js

@@ -43,4 +43,5 @@ function Feedback(props) {
 }
 Feedback.displayName = 'Feedback';
 const FeedbackWithSub = assignSubComponent(Feedback, { Good });
+export * from './types';
 export default ConfigProvider.config(FeedbackWithSub);

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-declare const FloatButtonWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>, keyof import("./types").FloatButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").FloatButtonRef, {}> & {
+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, {}>;
+    InnerDrawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 };
-export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps } from './types';
+export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps, FloatButtonInnerDrawerProps, DragableOption, Edge, Margin, Position, RequiredParts, ScreenRatioPosition, Size, TriggerType, } from './types';
 export default FloatButtonWithSub;

package/es/float-button/index.js

@@ -1,5 +1,6 @@
 import FloatButton from './view/float-button';
 import Backtop from './view/backtop';
+import InnerDrawer from './view/inner-drawer';
 import { assignSubComponent } from '../utils/index';
-const FloatButtonWithSub = assignSubComponent(FloatButton, { Backtop });
+const FloatButtonWithSub = assignSubComponent(FloatButton, { Backtop, InnerDrawer });
 export default FloatButtonWithSub;

package/es/float-button/main.scss

@@ -19,7 +19,6 @@
     &-inner-drawer {
         flex: 1;
         display: flex;
-        padding: $size-base * 2 $size-base * 3;
         overflow: hidden;
         display: flex;
         box-shadow: $shadow-2;
@@ -47,16 +46,21 @@
             flex: none;
             display: flex;
             justify-content: end;
+            padding: $size-base * 2 $size-base * 3;
             &-title {
                 flex: 1;
+                font-size: $font-size-subhead;
+                line-height: 1.5;
             }
             &-close {
                 flex: none;
                 color: $color-text1-2;
                 cursor: pointer;
-                transition: color .15s;
+                transition: color 0.15s;
                 outline: 0;
                 border: 0;
+                padding: 0;
+                align-self: flex-start;
                 background-color: transparent;
 
                 &:hover {
@@ -66,6 +70,7 @@
         }
         &-body {
             flex: 1;
+            padding: 0 $size-base * 3 $size-base * 2;
         }
         &-footer {
             flex: none;

package/es/float-button/types.d.ts

@@ -101,6 +101,7 @@ export interface FloatButtonRef {
     updateNestleEdge(animation?: boolean): void;
 }
 export type TriggerType = 'hover' | 'click';
+export type RequiredParts<O, K extends keyof O> = Omit<O, K> & Required<Pick<O, K>>;
 /**
  * @api FloatButton
  * @order 1
@@ -120,6 +121,7 @@ export interface FloatButtonProps extends CommonProps {
     drawerProps?: {
         title?: ReactNode;
         width?: number | string;
+        target: string | (() => HTMLElement);
     };
     /**
      * 弹层位置，适用 `type`: 'balloon'
@@ -215,6 +217,7 @@ export interface FloatButtonProps extends CommonProps {
      * 弹层内容
      */
     children?: React.ReactNode;
+    _renderView?: (prefix: string, props: RequiredParts<FloatButtonProps, 'visible' | 'onVisibleChange'>) => ReactNode;
 }
 /**
  * @api
@@ -228,3 +231,11 @@ export interface DragableOption {
     onDraging?: (dom: HTMLElement, event: MouseEvent) => void | false;
     onDragend?: (dom: HTMLElement) => void;
 }
+/**
+ * @api FloatButton.InnerDrawer
+ */
+export interface FloatButtonInnerDrawerProps extends FloatButtonProps {
+    width?: string | number;
+    target: string | (() => HTMLElement);
+    title?: ReactNode;
+}

package/es/float-button/view/float-button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FloatButtonProps, FloatButtonRef } from '../types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<FloatButtonProps & React.RefAttributes<FloatButtonRef>, keyof FloatButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<FloatButtonProps & React.RefAttributes<FloatButtonRef>, "key" | keyof FloatButtonProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef, {}>;
 export default _default;

package/es/float-button/view/float-button.js

@@ -7,7 +7,7 @@ import { useAutoHide } from '../hooks/useAutoHide';
 import { useAutoAlign } from '../hooks/useAutoAlign';
 import { useNestleEdge } from '../hooks/useNestleEdge';
 import { useDragable } from '../hooks/useDragable';
-import { InnerDrawer } from './inner-drawer';
+// import { InnerDrawer } from './inner-drawer';
 /**
  * @component 悬浮球
  * @en FloatButton
@@ -27,8 +27,8 @@ import { InnerDrawer } from './inner-drawer';
  * | Enter       | Trigger the onClick event    |
  * | SPACE       | Trigger the onClick event    |
  */
-const FloatButton = forwardRef((_a, ref) => {
-    var { className, style, type = 'balloon', addonAfter, addonBefore, dragable, safeAreaMargin = [10, 10, 10, 10], autoNestleEdge = true, interactiveEdges = ['left', 'right'], autoHide, autoAlign, leftSizeOfHidden, defaultPosition, trigger, triggerType = 'click', showClose = true, align, balloonProps, drawerProps, children } = _a, others = __rest(_a, ["className", "style", "type", "addonAfter", "addonBefore", "dragable", "safeAreaMargin", "autoNestleEdge", "interactiveEdges", "autoHide", "autoAlign", "leftSizeOfHidden", "defaultPosition", "trigger", "triggerType", "showClose", "align", "balloonProps", "drawerProps", "children"]);
+const FloatButton = forwardRef((props, ref) => {
+    const { className, style, type = 'balloon', addonAfter, addonBefore, dragable, safeAreaMargin = [10, 10, 10, 10], autoNestleEdge = true, interactiveEdges = ['left', 'right'], autoHide, autoAlign, leftSizeOfHidden, defaultPosition, trigger, triggerType = 'click', showClose = true, align, balloonProps, drawerProps, children, _renderView } = props, others = __rest(props, ["className", "style", "type", "addonAfter", "addonBefore", "dragable", "safeAreaMargin", "autoNestleEdge", "interactiveEdges", "autoHide", "autoAlign", "leftSizeOfHidden", "defaultPosition", "trigger", "triggerType", "showClose", "align", "balloonProps", "drawerProps", "children", "_renderView"]);
     const elRef = useRef(null);
     const triggerRef = useRef(null);
     const [el, setEl] = useState(null);
@@ -106,13 +106,14 @@ const FloatButton = forwardRef((_a, ref) => {
         },
     });
     const classNames = cs(cls, className, dragClassName);
+    const handleVisibleChange = (v, type) => {
+        if (draggedRef.current) {
+            return;
+        }
+        onVisibleChange(v, type);
+    };
     const renderBalloon = () => {
-        return (React.createElement(Balloon, Object.assign({ visible: visible, onVisibleChange: (...args) => {
-                if (draggedRef.current) {
-                    return;
-                }
-                onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
-            }, popupProps: {
+        return (React.createElement(Balloon, Object.assign({ visible: visible, onVisibleChange: handleVisibleChange, popupProps: {
                 afterOpen() {
                     var _a, _b;
                     updateAlign();
@@ -120,29 +121,35 @@ const FloatButton = forwardRef((_a, ref) => {
                 },
             }, popupClassName: `${cls}-popup`, trigger: trigger, popupContainer: () => el, triggerType: triggerType, align: currentAlign, v2: true, closable: showClose, autoAdjust: false }, balloonProps), children));
     };
-    const renderDrawer = () => {
-        return React.createElement("div", null);
-    };
-    const renderInnerDrawer = () => {
-        return (React.createElement(InnerDrawer, Object.assign({}, drawerProps, { prefix: `${cls}-`, target: ".card-legal-affairs", trigger: trigger, triggerType: triggerType, visible: visible, closable: showClose, onVisibleChange: (...args) => {
-                if (draggedRef.current) {
-                    return;
-                }
-                onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
-            } }), children));
-    };
+    // const renderDrawer = () => {
+    //     return <div></div>;
+    // };
+    // const renderInnerDrawer = () => {
+    //     return (
+    //         <InnerDrawer
+    //             {...drawerProps}
+    //             prefix={`${cls}-`}
+    //             target=".card-legal-affairs"
+    //             trigger={trigger}
+    //             triggerType={triggerType}
+    //             visible={visible}
+    //             closable={showClose}
+    //             onVisibleChange={(...args) => {
+    //                 if (draggedRef.current) {
+    //                     return;
+    //                 }
+    //                 onVisibleChange?.(...args);
+    //             }}
+    //         >
+    //             {children}
+    //         </InnerDrawer>
+    //     );
+    // };
     const renderView = () => {
-        switch (type) {
-            case 'drawer': {
-                return renderDrawer();
-            }
-            case 'inner-drawer': {
-                return renderInnerDrawer();
-            }
-            default: {
-                return renderBalloon();
-            }
+        if (typeof _renderView === 'function') {
+            return _renderView(`${cls}-`, Object.assign(Object.assign({}, props), { visible, onVisibleChange: handleVisibleChange }));
         }
+        return renderBalloon();
     };
     return (React.createElement("div", { className: classNames, style: Object.assign(Object.assign({}, style), dragStyle), ref: elRef },
         !!addonBefore && (React.createElement("div", { className: cs(`${cls}-addon`, `${cls}-addon--before`) }, addonBefore)),

package/es/float-button/view/inner-drawer.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-import type { FloatButtonProps } from '../types';
+import type { FloatButtonInnerDrawerProps, FloatButtonProps } from '../types';
 export interface InnerDrawerProps {
     className?: string;
     title?: ReactNode;
@@ -14,3 +14,5 @@ export interface InnerDrawerProps {
     width?: string | number;
 }
 export declare function InnerDrawer({ className, prefix, target, children, trigger, triggerType, visible, onVisibleChange, closable, title, width, }: InnerDrawerProps): React.JSX.Element;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+export default _default;

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

@@ -1,8 +1,10 @@
+import { __rest } from "tslib";
 import React, { useRef, useLayoutEffect, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
 import cs from 'classnames';
-import { Icon } from '@alifd/next';
+import { Icon, ConfigProvider } from '@alifd/next';
 import { useTriggerType } from '../hooks/useTriggerType';
+import FloatButton from './float-button';
 function getTarget(target) {
     if (typeof target === 'string') {
         return document.querySelector(target);
@@ -99,6 +101,15 @@ export function InnerDrawer({ className, prefix, target, children, trigger, trig
                     React.createElement("div", { className: `${cls}-header` },
                         !!title && React.createElement("div", { className: `${cls}-header-title` }, title),
                         !!closable && (React.createElement("button", { className: `${cls}-header-close`, onClick: () => handleVisibleChange(false, 'close') },
-                            React.createElement(Icon, { className: `${cls}-header-close-icon`, type: "close", size: 14 })))),
+                            React.createElement(Icon, { className: `${cls}-header-close-icon`, type: "close", size: 12 })))),
                     React.createElement("div", { className: `${cls}-body` }, children))), mountTarget)));
 }
+function FloatButtonByInnerDrawer(props) {
+    const { width, title, target } = props, rests = __rest(props, ["width", "title", "target"]);
+    return (React.createElement(FloatButton, Object.assign({}, rests, { _renderView: (prefix, { trigger, triggerType, visible, onVisibleChange, showClose, children }) => {
+            return (React.createElement(InnerDrawer, { prefix: prefix, target: target, width: width, title: title, trigger: trigger, triggerType: triggerType, visible: visible, closable: showClose, onVisibleChange: (...args) => {
+                    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
+                } }, children));
+        } })));
+}
+export default ConfigProvider.config(FloatButtonByInnerDrawer);

package/es/index.js

@@ -5,4 +5,4 @@ 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 const version = '0.1.0';
+export const version = '0.1.1';

package/es/tab/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Tab as NextTab } from '@alifd/next';
 import type { TabProps } from '@alifd/next/types/tab';
-declare const TabWithSub: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<NextTab>> & {
+export type { TabProps, ItemProps } from '@alifd/next/types/tab';
+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;
-    displayName: string;
 };
-export default TabWithSub;
+export default _default;

package/es/tab/index.js

@@ -1,14 +1,14 @@
 import { __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { Tab as NextTab } from '@alifd/next';
+import { Tab as NextTab, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const Tab = forwardRef((_a, ref) => {
     var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
-    return React.createElement(NextTab, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}tabs`, className), ref: ref, size: size }));
+    return (React.createElement(NextTab, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}tabs`, className), ref: ref, size: size })));
 });
 const TabWithSub = assignSubComponent(Tab, {
     Item: NextTab.Item,
     displayName: 'Tab',
 });
-export default TabWithSub;
+export default ConfigProvider.config(TabWithSub);

package/es/tag/index.d.ts

@@ -8,5 +8,6 @@
 import React from 'react';
 import { Tag as NextTag } from '@alifd/next';
 import type { TagProps } from '@alifd/next/types/tag';
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<NextTag>>;
-export default Tag;
+export type { TagProps } from '@alifd/next/types/tag';
+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/tag/index.js

@@ -7,12 +7,15 @@
  */
 import { __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { Tag as NextTag } from '@alifd/next';
+import { Tag as NextTag, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
-import { PREFIX_DEFAULT } from '../utils';
+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 })));
 });
-Tag.displayName = 'Tag';
-export default Tag;
+// 暂时只开放 Tag 组件，其它子组件后续看需求
+const TagWithSub = assignSubComponent(Tag, {
+    displayName: 'Tag',
+});
+export default ConfigProvider.config(TagWithSub);

package/lib/button/index.d.ts

@@ -19,5 +19,6 @@
  */
 import React from 'react';
 import type { ButtonProps } from './types';
-declare const Button: React.ForwardRefExoticComponent<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>>>;
-export default Button;
+export * from './types';
+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/button/index.js

@@ -26,7 +26,10 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const utils_1 = require("../utils");
 const Button = (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}button`, className), size: size, ref: ref }));
+    return (react_1.default.createElement(next_1.Button, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}button`, className), size: size, ref: ref })));
 });
-Button.displayName = 'Button';
-exports.default = Button;
+const ButtonWithSub = (0, utils_1.assignSubComponent)(Button, {
+    displayName: 'Button',
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(ButtonWithSub);

package/lib/card/index.d.ts

@@ -2,4 +2,5 @@ import Collapsable from './view/collapsable';
 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';
 export default CardWithSub;

package/lib/card/index.js

@@ -5,4 +5,5 @@ const utils_1 = require("../utils");
 const card_1 = tslib_1.__importDefault(require("./view/card"));
 const collapsable_1 = tslib_1.__importDefault(require("./view/collapsable"));
 const CardWithSub = (0, utils_1.assignSubComponent)(card_1.default, { Collapsable: collapsable_1.default });
+tslib_1.__exportStar(require("./types"), exports);
 exports.default = CardWithSub;

package/lib/feedback/index.d.ts

@@ -1,5 +1,6 @@
 import type { FeedbackProps } from './types';
 import Good from './view/good';
+export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
     Good: typeof Good;
 };

package/lib/feedback/index.js

@@ -45,4 +45,5 @@ function Feedback(props) {
 }
 Feedback.displayName = 'Feedback';
 const FeedbackWithSub = (0, utils_1.assignSubComponent)(Feedback, { Good: good_1.default });
+tslib_1.__exportStar(require("./types"), exports);
 exports.default = next_1.ConfigProvider.config(FeedbackWithSub);

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-declare const FloatButtonWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>, keyof import("./types").FloatButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").FloatButtonRef, {}> & {
+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, {}>;
+    InnerDrawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 };
-export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps } from './types';
+export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps, FloatButtonInnerDrawerProps, DragableOption, Edge, Margin, Position, RequiredParts, ScreenRatioPosition, Size, TriggerType, } from './types';
 export default FloatButtonWithSub;

package/lib/float-button/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const float_button_1 = tslib_1.__importDefault(require("./view/float-button"));
 const backtop_1 = tslib_1.__importDefault(require("./view/backtop"));
+const inner_drawer_1 = tslib_1.__importDefault(require("./view/inner-drawer"));
 const index_1 = require("../utils/index");
-const FloatButtonWithSub = (0, index_1.assignSubComponent)(float_button_1.default, { Backtop: backtop_1.default });
+const FloatButtonWithSub = (0, index_1.assignSubComponent)(float_button_1.default, { Backtop: backtop_1.default, InnerDrawer: inner_drawer_1.default });
 exports.default = FloatButtonWithSub;

package/lib/float-button/main.scss

@@ -19,7 +19,6 @@
     &-inner-drawer {
         flex: 1;
         display: flex;
-        padding: $size-base * 2 $size-base * 3;
         overflow: hidden;
         display: flex;
         box-shadow: $shadow-2;
@@ -47,16 +46,21 @@
             flex: none;
             display: flex;
             justify-content: end;
+            padding: $size-base * 2 $size-base * 3;
             &-title {
                 flex: 1;
+                font-size: $font-size-subhead;
+                line-height: 1.5;
             }
             &-close {
                 flex: none;
                 color: $color-text1-2;
                 cursor: pointer;
-                transition: color .15s;
+                transition: color 0.15s;
                 outline: 0;
                 border: 0;
+                padding: 0;
+                align-self: flex-start;
                 background-color: transparent;
 
                 &:hover {
@@ -66,6 +70,7 @@
         }
         &-body {
             flex: 1;
+            padding: 0 $size-base * 3 $size-base * 2;
         }
         &-footer {
             flex: none;

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

@@ -101,6 +101,7 @@ export interface FloatButtonRef {
     updateNestleEdge(animation?: boolean): void;
 }
 export type TriggerType = 'hover' | 'click';
+export type RequiredParts<O, K extends keyof O> = Omit<O, K> & Required<Pick<O, K>>;
 /**
  * @api FloatButton
  * @order 1
@@ -120,6 +121,7 @@ export interface FloatButtonProps extends CommonProps {
     drawerProps?: {
         title?: ReactNode;
         width?: number | string;
+        target: string | (() => HTMLElement);
     };
     /**
      * 弹层位置，适用 `type`: 'balloon'
@@ -215,6 +217,7 @@ export interface FloatButtonProps extends CommonProps {
      * 弹层内容
      */
     children?: React.ReactNode;
+    _renderView?: (prefix: string, props: RequiredParts<FloatButtonProps, 'visible' | 'onVisibleChange'>) => ReactNode;
 }
 /**
  * @api
@@ -228,3 +231,11 @@ export interface DragableOption {
     onDraging?: (dom: HTMLElement, event: MouseEvent) => void | false;
     onDragend?: (dom: HTMLElement) => void;
 }
+/**
+ * @api FloatButton.InnerDrawer
+ */
+export interface FloatButtonInnerDrawerProps extends FloatButtonProps {
+    width?: string | number;
+    target: string | (() => HTMLElement);
+    title?: ReactNode;
+}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FloatButtonProps, FloatButtonRef } from '../types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<FloatButtonProps & React.RefAttributes<FloatButtonRef>, keyof FloatButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<FloatButtonProps & React.RefAttributes<FloatButtonRef>, "key" | keyof FloatButtonProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef, {}>;
 export default _default;

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

@@ -9,7 +9,7 @@ const useAutoHide_1 = require("../hooks/useAutoHide");
 const useAutoAlign_1 = require("../hooks/useAutoAlign");
 const useNestleEdge_1 = require("../hooks/useNestleEdge");
 const useDragable_1 = require("../hooks/useDragable");
-const inner_drawer_1 = require("./inner-drawer");
+// import { InnerDrawer } from './inner-drawer';
 /**
  * @component 悬浮球
  * @en FloatButton
@@ -29,8 +29,8 @@ const inner_drawer_1 = require("./inner-drawer");
  * | Enter       | Trigger the onClick event    |
  * | SPACE       | Trigger the onClick event    |
  */
-const FloatButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, style, type = 'balloon', addonAfter, addonBefore, dragable, safeAreaMargin = [10, 10, 10, 10], autoNestleEdge = true, interactiveEdges = ['left', 'right'], autoHide, autoAlign, leftSizeOfHidden, defaultPosition, trigger, triggerType = 'click', showClose = true, align, balloonProps, drawerProps, children } = _a, others = tslib_1.__rest(_a, ["className", "style", "type", "addonAfter", "addonBefore", "dragable", "safeAreaMargin", "autoNestleEdge", "interactiveEdges", "autoHide", "autoAlign", "leftSizeOfHidden", "defaultPosition", "trigger", "triggerType", "showClose", "align", "balloonProps", "drawerProps", "children"]);
+const FloatButton = (0, react_1.forwardRef)((props, ref) => {
+    const { className, style, type = 'balloon', addonAfter, addonBefore, dragable, safeAreaMargin = [10, 10, 10, 10], autoNestleEdge = true, interactiveEdges = ['left', 'right'], autoHide, autoAlign, leftSizeOfHidden, defaultPosition, trigger, triggerType = 'click', showClose = true, align, balloonProps, drawerProps, children, _renderView } = props, others = tslib_1.__rest(props, ["className", "style", "type", "addonAfter", "addonBefore", "dragable", "safeAreaMargin", "autoNestleEdge", "interactiveEdges", "autoHide", "autoAlign", "leftSizeOfHidden", "defaultPosition", "trigger", "triggerType", "showClose", "align", "balloonProps", "drawerProps", "children", "_renderView"]);
     const elRef = (0, react_1.useRef)(null);
     const triggerRef = (0, react_1.useRef)(null);
     const [el, setEl] = (0, react_1.useState)(null);
@@ -108,13 +108,14 @@ const FloatButton = (0, react_1.forwardRef)((_a, ref) => {
         },
     });
     const classNames = (0, classnames_1.default)(cls, className, dragClassName);
+    const handleVisibleChange = (v, type) => {
+        if (draggedRef.current) {
+            return;
+        }
+        onVisibleChange(v, type);
+    };
     const renderBalloon = () => {
-        return (react_1.default.createElement(next_1.Balloon, Object.assign({ visible: visible, onVisibleChange: (...args) => {
-                if (draggedRef.current) {
-                    return;
-                }
-                onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
-            }, popupProps: {
+        return (react_1.default.createElement(next_1.Balloon, Object.assign({ visible: visible, onVisibleChange: handleVisibleChange, popupProps: {
                 afterOpen() {
                     var _a, _b;
                     updateAlign();
@@ -122,29 +123,35 @@ const FloatButton = (0, react_1.forwardRef)((_a, ref) => {
                 },
             }, popupClassName: `${cls}-popup`, trigger: trigger, popupContainer: () => el, triggerType: triggerType, align: currentAlign, v2: true, closable: showClose, autoAdjust: false }, balloonProps), children));
     };
-    const renderDrawer = () => {
-        return react_1.default.createElement("div", null);
-    };
-    const renderInnerDrawer = () => {
-        return (react_1.default.createElement(inner_drawer_1.InnerDrawer, Object.assign({}, drawerProps, { prefix: `${cls}-`, target: ".card-legal-affairs", trigger: trigger, triggerType: triggerType, visible: visible, closable: showClose, onVisibleChange: (...args) => {
-                if (draggedRef.current) {
-                    return;
-                }
-                onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
-            } }), children));
-    };
+    // const renderDrawer = () => {
+    //     return <div></div>;
+    // };
+    // const renderInnerDrawer = () => {
+    //     return (
+    //         <InnerDrawer
+    //             {...drawerProps}
+    //             prefix={`${cls}-`}
+    //             target=".card-legal-affairs"
+    //             trigger={trigger}
+    //             triggerType={triggerType}
+    //             visible={visible}
+    //             closable={showClose}
+    //             onVisibleChange={(...args) => {
+    //                 if (draggedRef.current) {
+    //                     return;
+    //                 }
+    //                 onVisibleChange?.(...args);
+    //             }}
+    //         >
+    //             {children}
+    //         </InnerDrawer>
+    //     );
+    // };
     const renderView = () => {
-        switch (type) {
-            case 'drawer': {
-                return renderDrawer();
-            }
-            case 'inner-drawer': {
-                return renderInnerDrawer();
-            }
-            default: {
-                return renderBalloon();
-            }
+        if (typeof _renderView === 'function') {
+            return _renderView(`${cls}-`, Object.assign(Object.assign({}, props), { visible, onVisibleChange: handleVisibleChange }));
         }
+        return renderBalloon();
     };
     return (react_1.default.createElement("div", { className: classNames, style: Object.assign(Object.assign({}, style), dragStyle), ref: elRef },
         !!addonBefore && (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${cls}-addon`, `${cls}-addon--before`) }, addonBefore)),

package/lib/float-button/view/inner-drawer.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-import type { FloatButtonProps } from '../types';
+import type { FloatButtonInnerDrawerProps, FloatButtonProps } from '../types';
 export interface InnerDrawerProps {
     className?: string;
     title?: ReactNode;
@@ -14,3 +14,5 @@ export interface InnerDrawerProps {
     width?: string | number;
 }
 export declare function InnerDrawer({ className, prefix, target, children, trigger, triggerType, visible, onVisibleChange, closable, title, width, }: InnerDrawerProps): React.JSX.Element;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+export default _default;

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

@@ -7,6 +7,7 @@ const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const next_1 = require("@alifd/next");
 const useTriggerType_1 = require("../hooks/useTriggerType");
+const float_button_1 = tslib_1.__importDefault(require("./float-button"));
 function getTarget(target) {
     if (typeof target === 'string') {
         return document.querySelector(target);
@@ -103,7 +104,16 @@ function InnerDrawer({ className, prefix, target, children, trigger, triggerType
                     react_1.default.createElement("div", { className: `${cls}-header` },
                         !!title && react_1.default.createElement("div", { className: `${cls}-header-title` }, title),
                         !!closable && (react_1.default.createElement("button", { className: `${cls}-header-close`, onClick: () => handleVisibleChange(false, 'close') },
-                            react_1.default.createElement(next_1.Icon, { className: `${cls}-header-close-icon`, type: "close", size: 14 })))),
+                            react_1.default.createElement(next_1.Icon, { className: `${cls}-header-close-icon`, type: "close", size: 12 })))),
                     react_1.default.createElement("div", { className: `${cls}-body` }, children))), mountTarget)));
 }
 exports.InnerDrawer = InnerDrawer;
+function FloatButtonByInnerDrawer(props) {
+    const { width, title, target } = props, rests = tslib_1.__rest(props, ["width", "title", "target"]);
+    return (react_1.default.createElement(float_button_1.default, Object.assign({}, rests, { _renderView: (prefix, { trigger, triggerType, visible, onVisibleChange, showClose, children }) => {
+            return (react_1.default.createElement(InnerDrawer, { prefix: prefix, target: target, width: width, title: title, trigger: trigger, triggerType: triggerType, visible: visible, closable: showClose, onVisibleChange: (...args) => {
+                    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(...args);
+                } }, children));
+        } })));
+}
+exports.default = next_1.ConfigProvider.config(FloatButtonByInnerDrawer);

package/lib/index.js

@@ -18,4 +18,4 @@ 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; } });
-exports.version = '0.1.0';
+exports.version = '0.1.1';

package/lib/tab/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Tab as NextTab } from '@alifd/next';
 import type { TabProps } from '@alifd/next/types/tab';
-declare const TabWithSub: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<NextTab>> & {
+export type { TabProps, ItemProps } from '@alifd/next/types/tab';
+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;
-    displayName: string;
 };
-export default TabWithSub;
+export default _default;

package/lib/tab/index.js

@@ -7,10 +7,10 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const utils_1 = require("../utils");
 const Tab = (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.Tab, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tabs`, className), ref: ref, size: size }));
+    return (react_1.default.createElement(next_1.Tab, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tabs`, className), ref: ref, size: size })));
 });
 const TabWithSub = (0, utils_1.assignSubComponent)(Tab, {
     Item: next_1.Tab.Item,
     displayName: 'Tab',
 });
-exports.default = TabWithSub;
+exports.default = next_1.ConfigProvider.config(TabWithSub);

package/lib/tag/index.d.ts

@@ -8,5 +8,6 @@
 import React from 'react';
 import { Tag as NextTag } from '@alifd/next';
 import type { TagProps } from '@alifd/next/types/tag';
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<NextTag>>;
-export default Tag;
+export type { TagProps } from '@alifd/next/types/tag';
+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/lib/tag/index.js

@@ -16,5 +16,8 @@ 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 })));
 });
-Tag.displayName = 'Tag';
-exports.default = Tag;
+// 暂时只开放 Tag 组件，其它子组件后续看需求
+const TagWithSub = (0, utils_1.assignSubComponent)(Tag, {
+    displayName: 'Tag',
+});
+exports.default = next_1.ConfigProvider.config(TagWithSub);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -10,6 +10,30 @@
       "require": "./lib/index.js"
     },
     "./package.json": "./package.json",
+    "./es/*": {
+      "import": "./es/*.js",
+      "require": "./lib/*.js"
+    },
+    "./es/*.js": {
+      "import": "./es/*.js",
+      "require": "./lib/*.js"
+    },
+    "./es/*.scss": {
+      "import": "./es/*.scss",
+      "require": "./lib/*.scss"
+    },
+    "./lib/*": {
+      "import": "./es/*.js",
+      "require": "./lib/*.js"
+    },
+    "./lib/*.js": {
+      "import": "./es/*.js",
+      "require": "./lib/*.js"
+    },
+    "./lib/*.scss": {
+      "import": "./es/*.scss",
+      "require": "./lib/*.scss"
+    },
     "./button": {
       "import": "./es/button/index.js",
       "require": "./lib/button/index.js"

package/es/tag/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/tag/types.js

@@ -1 +0,0 @@
-"use strict";