style: 调整
This commit is contained in:
@ -23,14 +23,14 @@ import {
|
||||
export default defineComponent({
|
||||
name: 'BubbleList',
|
||||
inheritAttrs: false,
|
||||
props: {} as any,
|
||||
props: {},
|
||||
setup(_, { attrs, slots, expose }) {
|
||||
const props = attrs as unknown as BubbleListProps & { class?: any; style?: any };
|
||||
const passThroughAttrs = useAttrs();
|
||||
|
||||
const TOLERANCE = 1;
|
||||
|
||||
const domProps = computed(() => pickAttrs(mergeProps(props as any, passThroughAttrs)) as any);
|
||||
const domProps = computed(() => pickAttrs(mergeProps(props as any, passThroughAttrs)));
|
||||
|
||||
const items = ref(props.items);
|
||||
const roles = ref(props.roles as RolesType);
|
||||
@ -108,7 +108,7 @@ export default defineComponent({
|
||||
};
|
||||
// 对外暴露能力
|
||||
expose({
|
||||
nativeElement: listRef as any,
|
||||
nativeElement: listRef,
|
||||
abortTypingByKey,
|
||||
scrollTo: (info: any) => {
|
||||
unref(listRef)?.scrollTo?.(info);
|
||||
@ -125,20 +125,18 @@ export default defineComponent({
|
||||
props.class,
|
||||
{ [`${listPrefixCls}-reach-end`]: unref(scrollReachEnd) },
|
||||
]}
|
||||
style={props.style as any}
|
||||
style={props.style}
|
||||
ref={listRef}
|
||||
onScroll={onInternalScroll}
|
||||
>
|
||||
{unref(displayData).map(({ key, onTypingComplete: onTypingCompleteBubble, ...bubble }: any) => (
|
||||
{unref(displayData).map(({ key, onTypingComplete: onTypingCompleteBubble, ...bubble }) => (
|
||||
<Bubble
|
||||
{...bubble}
|
||||
avatar={slots.avatar ? () => slots.avatar?.({ item: { key, ...bubble } }) : (bubble as any).avatar}
|
||||
header={slots.header?.({ item: { key, ...bubble } }) ?? (bubble as any).header}
|
||||
footer={slots.footer?.({ item: { key, ...bubble } }) ?? (bubble as any).footer}
|
||||
loadingRender={
|
||||
slots.loading ? () => slots.loading({ item: { key, ...bubble } }) : (bubble as any).loadingRender
|
||||
}
|
||||
content={slots.message?.({ item: { key, ...bubble } }) ?? (bubble as any).content}
|
||||
avatar={slots.avatar ? () => slots.avatar?.({ item: { key, ...bubble } }) : bubble.avatar}
|
||||
header={slots.header?.({ item: { key, ...bubble } }) ?? bubble.header}
|
||||
footer={slots.footer?.({ item: { key, ...bubble } }) ?? bubble.footer}
|
||||
loadingRender={slots.loading ? () => slots.loading({ item: { key, ...bubble } }) : bubble.loadingRender}
|
||||
content={slots.message?.({ item: { key, ...bubble } }) ?? bubble.content}
|
||||
key={key}
|
||||
ref={(node: any) => {
|
||||
if (node) {
|
||||
@ -147,7 +145,7 @@ export default defineComponent({
|
||||
delete bubbleRefs.value[key];
|
||||
}
|
||||
}}
|
||||
typing={unref(initialized) ? (bubble as any).typing : false}
|
||||
typing={unref(initialized) ? bubble.typing : false}
|
||||
onTypingComplete={() => {
|
||||
onTypingCompleteBubble?.();
|
||||
onTypingComplete(key);
|
||||
|
||||
Reference in New Issue
Block a user